Turn Figma designs into production-ready code.
What it does
Produces production-ready project code matching a Figma design with pixel-perfect accuracy.
When to use it
Use when implementing UI code from Figma files or building components that match Figma specifications.
How to use it
Give it a Figma design and a codebase; it implements the design in the project with matching layout, states, and responsiveness.
What you provide
- An existing project
Uses
Latest review
What you need · 1
The Figma MCP server must be connected and accessible.
Access · 1
This skill
Figma designs
Read
Reads Figma design data