# design-system-rules-agent

Субагент собирает правила переноса макетов Figma в код и складывает их в AGENTS.md, чтобы следующие реализации шли по одним и тем же конвенциям.

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

## Что делает

Агент работает в паре с Figma MCP: сначала вызывает инструмент `create_design_system_rules`, потом изучает кодовую базу — где лежат компоненты, какие есть токены и как принято писать стили. На выходе получается не абстрактный совет, а конкретные проверяемые правила.

Результат оформлен так, чтобы его можно было сразу вставить в `AGENTS.md`: находки по коду, предложенные правила, место сохранения и план проверки на небольшой тестовой реализации. Установка сводится к одному файлу — `.codex/agents/design-system-rules-agent.toml`.

Без подключённого Figma MCP шаг с `create_design_system_rules` не выполнится, и правила придётся писать вручную. Это повод сначала проверить, что MCP-сервер Figma доступен в вашей сессии Codex.

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

## Установка

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

**Вручную: положить файлы**
- Файл: `.codex/agents/design-system-rules-agent.toml` — Codex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/

### Claude Code

**Вручную: положить файлы**
- Файл: `.claude/agents/design-system-rules-agent.md` — Для всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/agents/design-system-rules-agent.md` — Cursor понимает и .claude/agents/

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

## Когда брать
- собрать правила Figma-to-code в один файл
- найти реальные пути к компонентам и токенам в проекте
- зафиксировать конвенции стилей для будущих задач
- проверить правила на маленькой тестовой реализации
- обновить `AGENTS.md`, когда структура проекта поменялась

## Примеры запросов агенту
- прогони design-system-rules-agent и предложи правила для `AGENTS.md`
- изучи кодовую базу и собери конвенции Figma-to-code
- обнови правила дизайн-системы и покажи план проверки

## Похожие
- [figma-create-design-system-rules](https://affpapa.org/nevibecode/skills/figma-create-design-system-rules.md) — скилл · 2900 установок
- [design-system-patterns](https://affpapa.org/nevibecode/skills/design-system-patterns.md) — скилл · 15953 установки
- [ui-design-system](https://affpapa.org/nevibecode/skills/ui-design-system.md) — скилл · 1076 установок
- [design-system](https://affpapa.org/nevibecode/skills/rampstackco-design-system.md) — скилл · 310 установок
- [icon-system](https://affpapa.org/nevibecode/skills/icon-system.md) — скилл · 2400 установок
- [figma-generate-design](https://affpapa.org/nevibecode/skills/openai-figma-generate-design.md) — скилл · 2900 установок

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

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