connect-figma-components — команда для Codex: шаблоны Code Connect
Создаёт и обновляет шаблоны Figma Code Connect для компонентов: находит узлы по ссылке и сопоставляет их с кодом проекта.
~/.codex/prompts/connect-figma-components.mdЧто делает connect-figma-components
Команда берёт ссылку на Figma с node-id, вытягивает метаданные и определяет нужные узлы. Дальше проверяет, есть ли уже шаблоны или маппинги Code Connect, а для несопоставленных компонентов ищет подходящие реализации в кодовой базе. Найденные совпадения показывает и после подтверждения создаёт файлы .figma.js. В конце выдаёт сводку: что создано, что пропущено, что осталось нерешённым.
Второй аргумент — component_path, путь к локальному компоненту, если он уже известен. Тогда поиск по коду не нужен. Ссылку на Figma указывать обязательно, кроме случая, когда компонент выбран через figma-desktop.
Когда компонентов много и надо пройти их за один проход, команда передаёт работу субагенту figma-code-connect-agent. Это разумно на больших дизайн-системах: вручную подтверждать каждое совпадение долго.
Какие задачи решает
- сопоставить узлы Figma с компонентами в коде
- создать шаблоны
.figma.jsдля новых компонентов - проверить, какие компоненты ещё не замаплены
- обновить существующие маппинги Code Connect
- разобрать пачку компонентов за один проход через субагента
Примеры запросов агенту
- Создай шаблоны Code Connect для компонентов по ссылке
<figma_url> - Проверь, какие компоненты из
<figma_url>ещё не замаплены, и создай для них.figma.js - Сопоставь компоненты из
<figma_url>с реализациями вsrc/components
Как установить connect-figma-components
Вручную: положить файлы
~/.codex/prompts/connect-figma-components.mdВызов — /prompts:connect-figma-components. В Codex этот формат помечен устаревшим, замена — скиллы
Вручную: положить файлы
.claude/commands/connect-figma-components.mdВызов — /connect-figma-components. Для всех проектов — ~/.claude/commands/
Вручную: положить файлы
.github/prompts/connect-figma-components.prompt.mdВручную: положить файлы
.gemini/commands/connect-figma-components.tomlGemini хранит команды в TOML: текст запроса — в поле prompt
Вопросы о connect-figma-components
Как установить connect-figma-components в Claude?
Положите файл команды по пути ~/.codex/prompts/connect-figma-components.md.
Что делает connect-figma-components?
Создаёт и обновляет шаблоны Figma Code Connect для компонентов: находит узлы по ссылке, ищет их реализации в коде и после подтверждения пишет файлы .figma.js.
Что нужно указать команде?
Ссылку на Figma с node-id — без неё команда не отработает, если только компонент не выбран через figma-desktop. Путь component_path необязателен.
