figma-design-to-code
Implement or update project-consistent UI code from a visible Figma selection or nodeId using TemPad Dev MCP. Use when the user wants Figma UI recreated, ported, or integrated into the target project's framework, styling system, tokens, assets, and existing components. Do not use for design critique, product invention, generic code review, or guessing states, responsiveness, or behavior not evidenced by Figma, the project, or the user.
Pinned to revision 5a9c85e62775, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/figma-design-to-code/SKILL.md
- skills/figma-design-to-code/agents/openai.yaml
- skills/figma-design-to-code/references/assets-and-tokens.md
- skills/figma-design-to-code/references/recovery.md
Every link opens the file at its source, pinned to the revision this page describes.