Agent Skills: figma-to-code

Generate production-ready React/Next.js code from Figma designs. Instructs proper Figma MCP tool usage, component reuse strategies, and variant mapping. **CRITICAL: ALWAYS use this skill when user provides a Figma link or mentions implementing/redesigning from Figma design.** Never attempt manual implementation without invoking this skill first.

UncategorizedID: scoobynko/claude-code-design-skills/figma-to-code

Author

scoobynko

https://github.com/scoobynko View all skills

Repository

scoobynko/claude-code-design-skills

scoobynkoLicense: MIT

373

Install this agent skill to your local

pnpm dlx add-skill https://github.com/scoobynko/claude-code-design-skills/figma-to-code

Skill Files

Browse the full folder contents for figma-to-code.

Download Skill

Loading file tree…

Select a file to preview its contents.