ИИ-агент для ревью макетов в Figma
Создали плагин для Figma, который проверяет макеты на соответствие гайдлайнам, оставляет комментарии прямо в файле и сокращает объём ручного дизайн-ревью. В кейсе рассказываем, как выбирали модель, выстраивали интеграцию и почему разместили весь процесс внутри корпоративной инфраструктуры.
Почему понадобился ИИ-агент
Дизайн-отдел крупной компании работал в Figma и заметил, что нейросети умеют разбирать картинки и находить в них несоответствия. С этим запросом клиент пришёл к нам: собрать плагин для Figma, который можно было бы поставить прямо внутрь корпоративного аккаунта.
Исследование: кастинг для нейросетей
Прежде чем писать код, мы разобрались, какая нейросеть вообще умеет адекватно читать макет и сопоставлять его с правилами бренда. Прогнали несколько моделей через качественный и количественный анализ, сравнили, как каждая отвечает на одни и те же вводные. Выбрали конкретную модель и конкретный набор промптов — те, что стабильно давали хорошие комментарии.
Подружили Figma и нейросеть
Дальше мы собрали серверную часть, которая связывает Figma API с нейросетью. Она принимает выделенный фрейм (и JSON, и PNG) с комментариями, промптом и правилами дизайн-системы (MD-файлы), отправляет на анализ и возвращает ответ. Получился ИИ-агент, к которому осталось добавить интерфейс.
Кнопка вместо ручной сверки
Параллельно спроектировали интерфейс плагина — сначала отрисовали его отдельно, потом реализовали внутри Figma. Логика простая: сотрудник выделяет блок или фрейм и нажимает «Провести ревью». Через какое-то время прямо на доске, в самом файле, появляется комментарий от нейросети, что в макете не соответствует дизайн-системе и правилам клиента.
Данные остаются внутри
Открытые нейросети — это чужая инфраструктура: данные бренда уходят на сторонний сервер, и что происходит с ними дальше, компания не контролирует. Поэтому мы завели весь процесс на внутренний сервис клиента: макет отправляется на анализ и возвращается ответом, не покидая периметр компании.
Результат: рутина ушла нейросети
Клиент получил готовый плагин: проверенную методику подбора модели и промптов, бэкенд с интеграцией и интерфейс внутри Figma. Механика ревью закрывает ручное комментирование макетов арт-директором и освобождает их время для содержательной работы вместо построчной сверки. Пошёл ли плагин в прод, на момент этого кейса мы не знаем. Зато знаем другое: похожую систему ревью мы сейчас разворачиваем внутри Mish.
