Раньше MCP-сервер Figma работал в режиме read-only: дизайнер создавал макет вручную, а агент на его основе генерировал код. Теперь всё изменилось — Figma научилась не просто анализировать, а активно создавать дизайн.
Обновлённый MCP-сервер может генерировать полноценные лендинги и UX-флоу из нескольких экранов. Главное — он делает это в рамках вашей дизайн-системы. Агент использует ваши компоненты, токены и стили, поэтому результат выглядит как часть продукта, а не как чужеродный набросок.
Раньше AI-генерация дизайна разочаровывала: устаревший визуал, чужие компоненты, ошибки. Теперь — реальные макеты, пригодные для продакшена. Это особенно ценно для быстрых экспериментов и проверки гипотез.
Параллельно Google обновил свой инструмент Stitch, но он остаётся на уровне генерации отдельных экранов. Stitch не знает вашу дизайн-систему, не строит связанные флоу и не работает с кастомными компонентами. В этом Figma явно вырвалась вперёд.
Как использовать обновлённую Figma MCP?
Инструмент работает из Cursor, Claude Code и любых других агентских систем, поддерживающих MCP. Если вы используете MCP-совместимую среду — Figma подключится.
Настройка проста: Figma опубликовала официальную статью с инструкциями. Даже необязательно читать её — можно просто дать ссылку агенту и написать: «Настрой мне Figma MCP». Он справится.
Но есть важный нюанс: нужно установить Figma Skills — набор навыков, которые учат агента правильно работать с API Figma. Без них агент подключится, но будет работать неэффективно. Ссылка на репозиторий: https://github.com/figma/mcp-server-guide/tree/main/skills
После настройки достаточно написать промпт, например: «Создай онбординг-флоу из 4 шагов для мобильного приложения». Агент зайдёт в Figma, создаст фреймы, расставит компоненты и заполнит текст. Результат вы увидите прямо в своём файле.
Продвинутый сценарий: команда агентов
В инструментах вроде Claude Code можно запускать несколько агентов. Идея — собрать мини-команду из трёх специалистов, каждый из которых выполняет свою роль.
Дизайнер — исполнитель. Получает ТЗ и превращает его в визуал: создаёт экраны, расставляет элементы, использует ваши компоненты. Его задача — быстро и точно реализовать описание.
UX-редактор — включается после Дизайнера. Переписывает все тексты: заголовки, кнопки, подсказки, ошибки. Делает это в соответствии с вашим tone of voice и редакционной политикой. Не оставляет комментариев — правит сразу.
Art Director — финальный контроль. Проверяет композицию, консистентность, соответствие дизайн-системе. Не просто замечает ошибки — сам исправляет: выравнивает, двигает, подгоняет отступы.
После прохождения всех трёх этапов макет оказывается отполированным на нескольких уровнях. Это как ревью в продуктовой команде — но за минуты, а не за недели.
Кому это полезно?
Если в команде нет дизайнера — вы получаете возможность делать качественный дизайн, а не вёрстку «на коленке». Если дизайнер один и перегружен — агенты снимут с него рутину.
Теперь дизайнер может сосредоточиться на том, что действительно важно: сложных взаимодействиях, архитектуре интерфейсов, а не на расстановке пикселей.
Time to market сокращается: от гипотезы до макета — минуты вместо дней. Это и есть настоящий design-first подход.
И последнее
UX — это не творчество. UX — это механический навык.
Проектирование удобных интерфейсов — это не искусство, а инженерная дисциплина. Речь о правилах: правильные размеры тач-зон, предсказуемая навигация, читаемая типографика, понятные состояния элементов. Именно поэтому агенты справляются с этим так хорошо.
Наступил момент, когда инструменты наконец дозрели до автоматизации этой механики. Новый этап в дизайне открыт.