figma-to-code
SKILL.md
Figma to Code
Structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy.
When to Use
- Implementing new UI from Figma designs
- Converting design mockups to React/Next.js components
- Extracting design tokens from Figma
- Design handoff automation
Prerequisites
- Access to Figma file via MCP or design tokens export
- Target component library defined (React, Vue, etc.)
- Design system tokens available