Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 10 additions & 6 deletions plugins/figma/.codex-plugin/plugin.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "figma",
"version": "2.0.7",
"description": "Figma workflows for design implementation, Code Connect templates, and design system rule generation.",
"version": "2.2.0",
"description": "Figma workflows for design implementation, Code Connect templates, design system rules, FigJam diagrams, and Slides.",
"author": {
"name": "Figma",
"url": "https://www.figma.com"
Expand All @@ -14,14 +14,17 @@
"design-to-code",
"ui-implementation",
"code-connect",
"design-system"
"design-system",
"figjam",
"slides",
"diagrams"
],
"skills": "./skills/",
"apps": "./.app.json",
"interface": {
"displayName": "Figma",
"shortDescription": "Design-to-code workflows powered by the Figma integration",
"longDescription": "Figma workflows for implementing designs in code, creating Code Connect templates for published Figma components, and generating project-specific design system rules for repeatable Figma-to-code work.",
"shortDescription": "Design, Code Connect, FigJam, and Slides workflows powered by the Figma integration",
"longDescription": "Figma workflows for implementing designs in code, creating Code Connect templates for published Figma components, generating project-specific design system rules, and working with FigJam diagrams and Slides decks.",
"developerName": "Figma",
"category": "Design",
"capabilities": [
Expand All @@ -35,7 +38,8 @@
"defaultPrompt": [
"Inspect a Figma design and implement it in code",
"Create Code Connect templates for my components",
"Build or update a screen in Figma"
"Build or update a screen in Figma",
"Create a FigJam diagram or Slides deck"
],
"brandColor": "#1ABCFE",
"composerIcon": "./assets/figma.png",
Expand Down
12 changes: 9 additions & 3 deletions plugins/figma/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,18 +9,23 @@ It currently includes these skills:
- `figma-code-connect`
- `figma-create-design-system-rules`
- `figma-create-new-file`
- `figma-generate-diagram`
- `figma-generate-design`
- `figma-generate-library`
- `figma-use-figjam`
- `figma-use-slides`
- `figma-use`

## What It Covers

- translating Figma frames and components into production-ready UI code
- inspecting design context and screenshots through the connected Figma tools
- creating parserless Code Connect template files for published Figma components
- creating Code Connect template files for published Figma components
- generating project-specific design system rules for Figma-to-code workflows
- creating or updating full screens and design system libraries in Figma
- creating new Figma or FigJam files when needed for a workflow
- creating editable FigJam diagrams from Mermaid-backed diagram guidance
- using Figma-specific rules for FigJam boards and Slides decks

## Plugin Structure

Expand Down Expand Up @@ -63,9 +68,10 @@ needed.
The current skill set is focused on these workflows:

- implementing designs from Figma with high visual fidelity
- creating parserless Code Connect templates for published Figma components
- creating Code Connect templates for published Figma components
- generating durable project rules for future Figma-to-code work
- creating or updating Figma files, screens, and design system libraries
- creating or updating Figma files, screens, FigJam boards, Slides decks, and
design system libraries

Use of the Figma skills and related files is governed by the Figma Developer
Terms. See `LICENSE.txt` and the per-skill license files for details.
Expand Down
2 changes: 1 addition & 1 deletion plugins/figma/agents/figma-code-connect-agent.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
You are the Figma Code Connect Agent for this plugin.

Purpose:
- Create or update parserless Code Connect template files for Figma components.
- Create or update Code Connect template files for Figma components.

Rules:
- Confirm the Figma target is a published component or component set.
Expand Down
4 changes: 2 additions & 2 deletions plugins/figma/commands/connect-figma-components.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# /connect-figma-components

Create or update parserless Figma Code Connect template files for components.
Create or update Figma Code Connect template files for components.

## Arguments

Expand All @@ -12,7 +12,7 @@ Create or update parserless Figma Code Connect template files for components.
1. Fetch metadata and identify component nodes.
2. Check existing Code Connect templates or mappings.
3. For unmapped components, inspect the codebase for candidate implementations.
4. Present matches and create `.figma.js` templates after confirmation when needed.
4. Present matches and create `.figma.ts` templates after confirmation when needed.
5. Summarize created/skipped/unresolved components.

## Escalation
Expand Down
57 changes: 45 additions & 12 deletions plugins/figma/plugin.lock.json
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
{
"lockVersion": 1,
"pluginId": "com.openai.figma",
"pluginVersion": "2.0.7",
"pluginVersion": "2.2.0",
"generatedBy": "codex plugin pack (draft)",
"generatedAt": "2026-04-07T17:15:42Z",
"generatedAt": "2026-05-14T23:56:19Z",
"skills": [
{
"id": "figma-code-connect",
Expand All @@ -12,9 +12,9 @@
"type": "github",
"repo": "figma/mcp-server-guide",
"path": "skills/figma-code-connect",
"ref": "500e8738438ed1204eaf23e61280d872f47534fd"
"ref": "15599e7177ea9c605e750d865f28a5639ad6c891"
},
"integrity": "sha256-ed5fbc2887dedc0924d798324433d4c2173a235d10d4115ef88d86e54a0d6aae"
"integrity": "sha256-7820b4087039887051c90ec9a5f1c958fa9636fb2802d7dd657883bc614a350f"
},
{
"id": "figma-implement-design",
Expand Down Expand Up @@ -45,9 +45,9 @@
"type": "github",
"repo": "figma/mcp-server-guide",
"path": "skills/figma-create-new-file",
"ref": "500e8738438ed1204eaf23e61280d872f47534fd"
"ref": "15599e7177ea9c605e750d865f28a5639ad6c891"
},
"integrity": "sha256-b3a45dfd8af628262311cfd0bac8dcbc19affc6b873a9c8421a58707b725e349"
"integrity": "sha256-82e0a018692d3d009b5d2c83ecce9203a4ce7dfbdb98b7b13a4f7e5b11832bc2"
},
{
"id": "figma-generate-design",
Expand All @@ -56,9 +56,20 @@
"type": "github",
"repo": "figma/mcp-server-guide",
"path": "skills/figma-generate-design",
"ref": "500e8738438ed1204eaf23e61280d872f47534fd"
"ref": "15599e7177ea9c605e750d865f28a5639ad6c891"
},
"integrity": "sha256-c74d817d762e9c6e93f05a8b7edf76c9904271b79f31a1105174fa5a442fe39a"
},
{
"id": "figma-generate-diagram",
"vendoredPath": "skills/figma-generate-diagram",
"source": {
"type": "github",
"repo": "figma/mcp-server-guide",
"path": "skills/figma-generate-diagram",
"ref": "15599e7177ea9c605e750d865f28a5639ad6c891"
},
"integrity": "sha256-e24a1878e623df60e49dc2b83eda1fb576618ecdb599f7131aa1c468ec52f738"
"integrity": "sha256-dadfa2d517c2f8caca8ffce5d0bbaa79ebcf85effea56e077642c3fca4b5c822"
},
{
"id": "figma-generate-library",
Expand All @@ -67,9 +78,9 @@
"type": "github",
"repo": "figma/mcp-server-guide",
"path": "skills/figma-generate-library",
"ref": "500e8738438ed1204eaf23e61280d872f47534fd"
"ref": "15599e7177ea9c605e750d865f28a5639ad6c891"
},
"integrity": "sha256-c033109baf9efb58b1939c116efdcc0ed3fb010886b5f47702814d034610dc17"
"integrity": "sha256-9e5b88822a4158c92e211b935ff398c68c4ae7073fe01a7849549f4f09a05d2c"
},
{
"id": "figma-use",
Expand All @@ -78,9 +89,31 @@
"type": "github",
"repo": "figma/mcp-server-guide",
"path": "skills/figma-use",
"ref": "500e8738438ed1204eaf23e61280d872f47534fd"
"ref": "15599e7177ea9c605e750d865f28a5639ad6c891"
},
"integrity": "sha256-7be8f8e23f0f37a7a5b6759d24b9b36e3f6da7890de86d93273a622b1569b877"
},
{
"id": "figma-use-figjam",
"vendoredPath": "skills/figma-use-figjam",
"source": {
"type": "github",
"repo": "figma/mcp-server-guide",
"path": "skills/figma-use-figjam",
"ref": "15599e7177ea9c605e750d865f28a5639ad6c891"
},
"integrity": "sha256-713323558762a4a221ecdc0d025dd3adb358819ac91085d79ca0ac949bffe87f"
},
{
"id": "figma-use-slides",
"vendoredPath": "skills/figma-use-slides",
"source": {
"type": "github",
"repo": "figma/mcp-server-guide",
"path": "skills/figma-use-slides",
"ref": "15599e7177ea9c605e750d865f28a5639ad6c891"
},
"integrity": "sha256-acc22d53e4ef1f03f435e53f65a6b65f7785e109cdaad97a9d660e1f72c8da3f"
"integrity": "sha256-b4d959da2774c0810f0bab7673bc75f7c525495a9ee880b7cde966dff71384fe"
}
]
}
Loading