Loading
Loading
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.
written by Forgecat

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.
npx forgecat install @forgecat/openai_skills_figma-generate-design
Figma Generate Designhttps://mcp.figma.com/mcp streamable_http| Field | Value |
|---|---|
| Author | OpenAI |
| Original repository | https://github.com/openai/skills |
| Version | 0.0.6 |
| Original commit | 0e7823cca07bc2cbf34718a383f9ae92525be6a5 (2026-03-24 14:48:51) |
| License | Apache-2.0 |
| Source platform | codex |
| Platform | Status |
|---|---|
| Codex | Tested |
| Claude Code | Partial |
| Cursor | Partial |
| Model | Role |
|---|---|
gpt-5.4 | recommended |
gpt-4o | minimum |
None
forgecat
View CreatorNone