figma-generate-design

The figma-generate-design skill is a catalogue entry that advertises building or updating screens in Figma from code or a description, using design system components and design tokens. It targets the task of translating app pages into Figma, and exists within Open Design so an agent can discover the capability during planning through triggers such as "code to figma", "screen generation", or "figma from code".

As shown in the source, this is a thin curated pointer rather than a complete implementation. The SKILL.md summarizes what the skill does and lists trigger phrases, but the actual assets, scripts, and references reside in Figma's skills repository, curated from Figma's MCP server guide. To run the full workflow, the user inspects the upstream README for exact paths and installs the upstream bundle into their active agent's skills directory. The entry is marked design-system mode in the figma category.

The intended users are designers and frontend developers who want to reflect code or written descriptions back into Figma screens while staying consistent with an existing design system's components and tokens. Because the entry is a discovery stub, users should treat it as a signpost and consult the upstream Figma project for the detailed screen-generation workflow and usage instructions.