OP
figma code connect Компоненты
Connects Figma design components to code components using Code Connect mapping tools. Use when user says
Что делает навык
Навык помогает связывать компоненты дизайна Figma с их соответствующими реализациями в коде с помощью функции Figma Code Connect. Он анализирует структуру дизайна, ищет совпадающие компоненты в кодовой базе и устанавливает маппинги для поддержания согласованности между дизайном и кодом.
Когда применять
- Когда пользователь хочет связать компоненты дизайна Figma с кодом через инструменты маппинга Code Connect.
- При необходимости анализа структуры Figma-дизайна для поиска соответствующих компонентов в кодовой базе.
- Для установления маппингов, обеспечивающих согласованность между дизайном и реализацией в коде.
Как работает
- Использовать workflow get_code_connect_suggestions для получения предложений по маппингу.
- Применить workflow send_code_connect_mappings для отправки установленных маппингов.
- Проанализировать структуру компонентов в Figma-дизайне.
- Поискать соответствующие компоненты в кодовой базе.
- Установить связи (маппинги) между компонентами дизайна и кода.
Примеры запросов агенту
Свяжи компоненты этого экрана Figma с их реализацией в коде.
Как связать выбранные компоненты Figma с кодом через Code Connect?
Нужно установить маппинги между дизайном и кодом для текущих компонентов.
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «figma-code-connect-components» из репозитория:
# https://github.com/openai/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r figma-code-connect-components/ ~/.claude/skills/figma-code-connect-components/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.