figma-implement-design
Use this skill for translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.
Pinned to revision 4e4fe02df5f4, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/figma-implement-design/SKILL.md
- skills/figma-implement-design/LICENSE.txt
- skills/figma-implement-design/agents/openai.yaml
- skills/figma-implement-design/assets/figma-small.svg
- skills/figma-implement-design/assets/figma.png
- skills/figma-implement-design/assets/icon.svg
- skills/figma-implement-design/metadata.json
Every link opens the file at its source, pinned to the revision this page describes.