figma-design-to-codeby FigmaOfficialDesignGitHub stars: 2k
Figma Design to Code skill: what it does and how to install it
Turns a Figma design into code through the Figma MCP server.
Install
$ npx skills add figma/mcp-server-guide --skill figma-design-to-codeRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
Turns a Figma design into code through the Figma MCP server.
Similar skills
- FigmaUses the Figma MCP server to fetch design context, screenshots, variables and assets, and to turn Figma nodes into code.
- Figma Code Connect ComponentsConnects Figma design components to code components with Code Connect mappings.
- Figma Create Design System RulesGenerates custom design system rules for a codebase, for use with Figma design-to-code workflows.