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.
History
Repo stars
2kAbout +50 since 9 Jul 2026
Before 1 Oct 2026 the curve is estimated from public event data.
Stars are counted for the whole repository, which holds 9 skills.
Show as a table
| Date | Repo stars |
|---|---|
| 1 Oct 2026 | 2,039 |
| 24 Sept 2026 (estimated) | 2,039 |
| 17 Sept 2026 (estimated) | 2,032 |
| 10 Sept 2026 (estimated) | 2,003 |
| 3 Sept 2026 (estimated) | 1,996 |
| 27 Aug 2026 (estimated) | 1,996 |
| 20 Aug 2026 (estimated) | 1,989 |
| 13 Aug 2026 (estimated) | 1,989 |
| 6 Aug 2026 (estimated) | 1,989 |
| 30 Jul 2026 (estimated) | 1,989 |
| 23 Jul 2026 (estimated) | 1,989 |
| 16 Jul 2026 (estimated) | 1,989 |
| 9 Jul 2026 (estimated) | 1,989 |
Installs
1.8k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
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.