# review-design-parity

Сравнивает реализованный интерфейс с макетом Figma и перечисляет расхождения по вёрстке, токенам и поведению. Пригодится перед сдачей экрана.

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

## Что делает

Команда берёт ссылку на фрейм или компонент Figma и локальную страницу или компонент, который нужно проверить. Сначала она запрашивает у Figma контекст дизайна и скриншот цели, затем смотрит текущую реализацию и запускает подходящий локальный превью или тест.

Дальше идёт сравнение по слоям: раскладка, типографика, токены, ассеты и интерактив. Отчёт строится так: сначала находки по убыванию серьёзности, потом предложенные исправления. Отдельным пунктом команда называет, какие доказательства она проверила — скриншот, локальный превью, тесты — и чего не хватило для полного вывода о совпадении.

Оба аргумента обязательны: без `figma_url` и `target` команда не стартует. Если у вас нет доступа к нужному файлу Figma, шаг со скриншотом и контекстом дизайна не отработает, и сравнивать будет не с чем.

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

## Установка

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

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

### Claude Code

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

### GitHub Copilot

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

### Gemini CLI

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

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

## Когда брать
- сверить свёрстанный экран с макетом Figma
- найти расхождения в отступах и типографике
- проверить, что цвета и токены совпадают с дизайном
- отловить разницу в поведении интерактивных элементов
- собрать отчёт о расхождениях перед сдачей задачи

## Примеры запросов агенту
- Проверь паритет вёрстки: `figma_url` — ссылка на фрейм, `target` — `src/pages/Checkout.tsx`
- Сравни компонент из Figma с локальной реализацией и отсортируй находки по серьёзности
- Прогони review-design-parity для страницы профиля и скажи, каких доказательств не хватило

## Похожие
- [checklist-design](https://affpapa.org/nevibecode/skills/checklist-design.md) — скилл · 1100 установок
- [frontend-design-review](https://affpapa.org/nevibecode/skills/dauquangthanh-frontend-design-review.md) — скилл · 458 установок
- [design-review](https://affpapa.org/nevibecode/skills/design-review.md) — скилл · 5800 установок
- [ui-design-review](https://affpapa.org/nevibecode/skills/ui-design-review.md) — скилл · 1100 установок
- [build-design](https://affpapa.org/nevibecode/skills/build-design.md) — скилл · 3600 установок
- [figma-generate-design](https://affpapa.org/nevibecode/skills/openai-figma-generate-design.md) — скилл · 2900 установок

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

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