implement-design
•published 2026/01/13
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.
📦 Install Skill
Command line install
Install directly with the `skills` CLI.
npx skills add figma/mcp-server-guide/skills/implement-designFile Explorer
No file selected
Select a file to view its content