skills.homes logoskills.homescapability registry
home/categories/full-stack/scoobynko-claude-code-design-skills-figma-to-code-skill-md
cd ..
full-stackdevelopment

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.

Ver código-fontefull-stack
scoobynko
maintainer
scoobynko
Atualizado 11/7/2025
Estrelas
37
Forks
3
quick start

Installation and usage

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.

Instalação
$ install --globalskills.sh
Uso

Depois de instalar, você pode usar esta skill executando o seguinte comando no terminal:

skills use figma-to-code