@figma/implement-design

Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Figma design", provides Figma URLs, or asks to build components matching Figma specs. Requires Figma MCP server connection.

View in AI SkillSafe app
10662 downloads
11 stars
0 demos
design
SKILL.md

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@figma/implement-design/verified)](https://skillsafe.ai/skill/@figma/implement-design/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@figma/implement-design/installs)](https://skillsafe.ai/skill/@figma/implement-design/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@figma/implement-design/scan)](https://skillsafe.ai/skill/@figma/implement-design/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@figma/implement-design/eval)](https://skillsafe.ai/skill/@figma/implement-design/)