figma-design-to-code

Maintained by figma

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool. You MUST trigger this skill whenever the user wants to implement, build, port, or code up a Figma design as code. Example prompts (not exhaustive) are 'implement this Figma design', 'build this screen from Fi

Current version: Unknown
License: Unknown
Network access: Unknown / not assessed
Review status: Not verified

Problem it solves

This catalog entry helps users find and evaluate figma-design-to-code for the task described by its available catalog summary. Confirm the exact scope in the linked original source when one is available.

When to use it

Consider figma-design-to-code when its available catalog summary matches the task at hand. When available, review the linked original source before use for precise instructions, requirements, and limitations.

figma-design-to-code is listed as an agent skill in RefHub. The listed maintainer is figma. The available catalog summary is: **MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool. You MUST trigger this skill whenever the user wants to implement, build, port, or code up a Figma design as code. Example prompts (not exhaustive) are 'implement this Figma design', 'build this screen from Fi When available, review the linked original source for exact usage instructions, required tools, and limitations.

Installation and updates

These commands are displayed for copying only and are never executed on RefHub servers. Review the linked upstream source before running them.

Install command

npx skills add figma/mcp-server-guide --skill figma-design-to-code -y

Agent compatibility

No compatibility test has been recorded

Do not assume agent compatibility until documented test evidence is available.