figma-code-connect
Создание и поддержка файлов шаблонов Figma Code Connect, которые сопоставляют компоненты Figma с фрагментами кода. Используйте, когда пользователь упоминает Code Connect, сопоставление компонентов Figma, перевод дизайна в код или просит создать/обновить файлы .figma.ts или .figma.js.
AIfigma
official
Дизайн
Что делает навык
Создание и поддержка файлов шаблонов Figma Code Connect, которые сопоставляют компоненты Figma с фрагментами кода. Используйте, когда пользователь упоминает Code Connect, сопоставление компонентов Figma, перевод дизайна в код или просит создать/обновить файлы .figma.ts или .figma.js.
Как подключить
1Скачать навык
# возьмите папку навыка «figma-code-connect» из репозитория:
# https://github.com/figma/mcp-server-guide
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r figma-code-connect/ ~/.claude/skills/figma-code-connect/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.