figma-to-code
Figma to Code (Figma MCP → project stack)
Turn a Figma node into production code. The Figma MCP server output (typically React + Tailwind) is a representation of the design, not final code — re-express it in the target's language, framework, components, and tokens. The work is done only when the rendered result matches the design twice over: numerically against the node geometry Figma reports, and visually against the reference screenshot — every deviation resolved or explicitly accepted by the user.
Tool mechanics live elsewhere. The Figma MCP plugin ships its own
figma-design-to-code skill and declares it a mandatory prerequisite for
get_design_context. When that skill is available, read it before the first
call and follow it for the MCP mechanics — URL parsing, parameters, the
skillNames logging field, error recovery. This skill layers the token,
font, asset, and pixel-verification workflow on top; on tool mechanics the
plugin skill wins.