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 pro

by scoobynko· Repository·design

figma

code

Run in AgentArea Browse All Skills

Also installable via skills CLI

npx skills add scoobynko/claude-code-design-skills/figma-to-code

Source

Repo:SkillsMP Synced Skills

Path:figma-to-code(main)

Related in design

add-uint-support

Add unsigned integer (uint) type support to PyTorch operators by updating AT_DISPATCH macros. Use when adding support for uint16,...

skill-writer

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill...

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web...