# connect-figma-components

Создаёт и обновляет шаблоны Figma Code Connect для компонентов: находит узлы по ссылке и сопоставляет их с кодом проекта.

- команда · `type=command` · Codex, ChatGPT · ★ 7604
- Автор: Figma · официальный репозиторий OpenAI
- Лицензия: LicenseRef-Figma-Developer-Terms · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/openai/plugins/tree/HEAD/plugins/figma/commands/connect-figma-components.md
- Обновлён: 2026-10-08
- HTML: https://affpapa.org/nevibecode/commands/connect-figma-components

## Что делает

Команда берёт ссылку на Figma с `node-id`, вытягивает метаданные и определяет нужные узлы. Дальше проверяет, есть ли уже шаблоны или маппинги Code Connect, а для несопоставленных компонентов ищет подходящие реализации в кодовой базе. Найденные совпадения показывает и после подтверждения создаёт файлы `.figma.js`. В конце выдаёт сводку: что создано, что пропущено, что осталось нерешённым.

Второй аргумент — `component_path`, путь к локальному компоненту, если он уже известен. Тогда поиск по коду не нужен. Ссылку на Figma указывать обязательно, кроме случая, когда компонент выбран через `figma-desktop`.

Когда компонентов много и надо пройти их за один проход, команда передаёт работу субагенту `figma-code-connect-agent`. Это разумно на больших дизайн-системах: вручную подтверждать каждое совпадение долго.

## Требования
- Работает с: Figma

## Установка

### Codex (родная платформа)

**Вручную: положить файлы**
- Файл: `~/.codex/prompts/connect-figma-components.md` — Вызов — /prompts:connect-figma-components. В Codex этот формат помечен устаревшим, замена — скиллы

### Claude Code

**Вручную: положить файлы**
- Файл: `.claude/commands/connect-figma-components.md` — Вызов — /connect-figma-components. Для всех проектов — ~/.claude/commands/

### GitHub Copilot

**Вручную: положить файлы**
- Файл: `.github/prompts/connect-figma-components.prompt.md`

### Gemini CLI

**Вручную: положить файлы**
- Файл: `.gemini/commands/connect-figma-components.toml` — Gemini хранит команды в TOML: текст запроса — в поле prompt

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/openai/plugins/tree/HEAD/plugins/figma/commands/connect-figma-components.md

## Когда брать
- сопоставить узлы Figma с компонентами в коде
- создать шаблоны `.figma.js` для новых компонентов
- проверить, какие компоненты ещё не замаплены
- обновить существующие маппинги Code Connect
- разобрать пачку компонентов за один проход через субагента

## Примеры запросов агенту
- Создай шаблоны Code Connect для компонентов по ссылке `<figma_url>`
- Проверь, какие компоненты из `<figma_url>` ещё не замаплены, и создай для них `.figma.js`
- Сопоставь компоненты из `<figma_url>` с реализациями в `src/components`

## Похожие
- [figma-code-connect-components](https://affpapa.org/nevibecode/skills/figma-code-connect-components.md) — скилл · 2700 установок
- [figma-generate-library](https://affpapa.org/nevibecode/skills/openai-figma-generate-library.md) — скилл · 2700 установок
- [Figma MCP Server](https://affpapa.org/nevibecode/mcp/figma-mcp-server.md) — MCP-сервер · ★ 2119
- [figma-integration](https://affpapa.org/nevibecode/skills/plugin87-figma-integration.md) — скилл · 478 установок
- [figma](https://affpapa.org/nevibecode/plugins/figma.md) — плагин · ★ 2119
- [figma-design](https://affpapa.org/nevibecode/skills/figma-design.md) — скилл · 542 установки

Из того же набора: [openai/plugins](https://affpapa.org/nevibecode/by/openai/plugins.md) — 528 карточек

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md