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.

Посмотреть исходный кодfull-stack
scoobynko
maintainer
scoobynko
Обновлено 11/7/2025
Звёзды
37
Форки
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.

Установка
$ install --globalskills.sh
Использование

После установки вы можете использовать этот skill, выполнив следующую команду в терминале:

skills use figma-to-code