Home / Skills / figma-design-to-code
figma-design-to-code From the maker
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool. You MUST trigger this skill whenever the user wants to implement, build, port, or code up a Figma design as code. Example prompts (not exhaustive) are 'implement this Figma design', 'build this screen from Figma', 'turn this Figma into code', 'design to code'. This skill provides critical instructions and steps to the agent on how to correctly implement Figma designs in code and must NOT be skipped.
Why this score
This repo hosts 10 skills, so its 2,089 stars are split between them (about 209 each) for scoring.
Popularity score: 62/100 from public GitHub signals only. It shows how widely used and maintained this is, not how well it works. Not included yet: the fake-star check. The security scan is shown separately and doesn't change the score. How we rank
Security
Scanned Oct 21, 2026 at commit 7047cb45d622, with Cisco's open-source skill-scanner.
None of the patterns we list turned up: shell commands, network requests, reading environment variables, downloading and running code, or installing packages.
A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan
Prompts that use Figma
Alternatives
Other makers' add-ons that do the same job, next to this one.
| Name | Score | Stars | Context | Updated |
|---|---|---|---|---|
| This onefigma-design-to-code figma/mcp-server-guide · Skill | 62 | ★ 2.1k | ≈134 always | 16d ago |
| understand-figma Egonex-AI/Understand-Anything · Skill Same job: ui design, also for Figma | 86 | ★ 87k | ≈54 always | 23d ago |
| figma heygen-com/hyperframes · Skill Same job: ui design, also for Figma | 89 | ★ 68k | ≈104 always | 16d ago |
| figma-comments southleft/figma-console-mcp-skills · Skill Same job: ui design, also for Figma | 52 | ★ 92 | ≈154 always | 3mo ago |
| figma-typings-audit awdr74100/figwright · Skill Same job: ui design, also for Figma | 72 | ★ 1.1k | ≈151 always | 16d ago |
| vibefigma vibeflowing-inc/vibe_figma · Skill Same job: ui design, also for Figma | 78 | ★ 847 | ≈80 always | 26d ago |