figma-code-connect-agent — субагент для Codex: настройка
Субагент связывает компоненты Figma с кодом через шаблоны Code Connect без парсера. Он пригодится, чтобы подобрать шаблон для опубликованного компонента.
.codex/agents/figma-code-connect-agent.tomlЧто делает figma-code-connect-agent
Субагент проверяет, опубликован ли компонент или набор компонентов в Figma, учитывает подсказки Code Connect и свойства компонента, а затем готовит файлы шаблонов. Если к компоненту подходят несколько вариантов кода, он кратко объясняет, по каким признакам выбирает между ними.
Результат включает найденные компоненты Figma, существующие шаблоны или связи, кандидатов в коде и рекомендуемые файлы. При неоднозначности субагент сначала запрашивает подтверждение. Целевой объект должен быть опубликованным компонентом или набором компонентов, поэтому для черновика такая проверка не пройдёт.
Какие задачи решает
- Подготовить шаблон Code Connect для компонента Figma
- Проверить, какие шаблоны и связи уже есть
- Сопоставить компонент Figma с подходящими компонентами кода
- Запросить подтверждение перед созданием неоднозначного шаблона
Примеры запросов агенту
- Найди опубликованные компоненты Figma и предложи для них шаблоны Code Connect.
- Проверь существующие связи и подбери кодовые компоненты для этого набора компонентов Figma.
- Подготовь шаблон для выбранного компонента и сначала спроси меня, если сопоставление неоднозначно.
Как установить figma-code-connect-agent
Вручную: положить файлы
.codex/agents/figma-code-connect-agent.tomlCodex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/
Вручную: положить файлы
.claude/agents/figma-code-connect-agent.mdДля всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию
Вручную: положить файлы
.cursor/agents/figma-code-connect-agent.mdCursor понимает и .claude/agents/
По шагам, с командами для каждой платформы: Субагенты Claude Code: как создать, вызвать и не утопить контекст
Вопросы о figma-code-connect-agent
Как установить figma-code-connect-agent в Codex?
Добавьте файл субагента по пути .codex/agents/figma-code-connect-agent.toml.
Что делает figma-code-connect-agent?
Он сопоставляет опубликованные компоненты Figma с компонентами кода и готовит шаблоны Code Connect без парсера. Также показывает найденные связи и кандидатов.
Нужно ли подтверждать создание шаблона?
Если сопоставление неоднозначно, субагент запрашивает подтверждение до создания шаблона.
