figma-implement-design

Turn Figma designs into production-ready code.

design implementation

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.

Give it a Figma design and a codebase; it implements the design in the project with matching layout, states, and responsiveness.

What you provide

This skill

Figma designs

Read

Reads Figma design data

The Figma MCP server must be connected and accessible.