Figma AI закрыл 19 задач дизайн-системы, но споткнулся на заполнении текстом

Материал опубликовала сама Екатерина Ларионова. Она продуктовый дизайнер и развивает дизайн-систему «Сова» в ИТ-экосистеме «Лукоморье». Дизайн-система работает как конструктор: это библиотека готовых кнопок, таблиц, цветов и шрифтов, из которых собирают интерфейсы.

ИИ-агент отличается от чат-бота тем, что сам выполняет действия в файле, а не только отвечает текстом. Под Figma AI автор понимает встроенного агента в Figma Design, который редактирует уже существующие слои и компоненты. Отдельный сервис Figma Make в эксперимент не входил.

Что агент Figma AI умеет в дизайн-системе?

Задачи из теста Ларионова разложила на семь типов:

• Массовая смена свойств. Агент переключает состояния (по умолчанию, при наведении, выбрано), переименовывает свойства, меняет размер вложенных элементов и исправляет перепутанные значения. Среди задач было переименование сотни вариантов.
• Новые варианты по образцу. Агент находит закономерность в готовых вариантах и продолжает её, например добавляет новый уровень вложенности в дерево или аккордеон и сам рассчитывает отступы.
• Оформление по эталону. Агент берёт правильно оформленный компонент и переносит его заливки, обводки, отступы и выравнивание на остальные.
• Перестройка структуры. Агент пересобирает таблицу из колонок в строки и меняет порядок вложенности. Он также работает с Auto Layout, функцией Figma, которая сама расставляет элементы и держит отступы между ними.
• Заполнение контентом. Агент заменяет заглушки текстом и переносит данные между таблицами. Именно здесь случился провал.
• Аудит. Агент ищет дублирующиеся комбинации свойств, несогласованные размеры и возможные проблемы с контрастностью.
• Привязка токенов. Агент перепривязывает цвета к токенам. Токены здесь означают именованные значения цвета и отступов, как артикулы в каталоге: значение меняют в одном месте, и оно обновляется везде. Сначала агент попросил подключить библиотеку токенов Sova Style.

Показательно, что провал пришёлся на самую рутинную на вид задачу, а не на сложную перестройку. По словам автора, без должного внимания к промпту агент с заполнением не справился.

Ещё одна деталь: формулировки запросов могут быть короткими и корявыми. Агент видит, что выделено на холсте, и работает с выделенным.

Промпты, как видите, звучат как речь неандертальца. Агент всё равно схватывает контекст. : Екатерина Ларионова, продуктовый дизайнер

Как попробовать Figma AI на своей дизайн-системе?

1. Откройте макет в Figma Design и выделите компоненты, с которыми будет работать агент.
2. Напишите в запросе не только что поменять, но и что не трогать: текст, порядок, ширины, свойства, состояния.
3. Для многоэтапной задачи сначала попросите агента описать план, а меняет он пусть после вашего подтверждения.
4. Рискованные изменения проверьте на одной копии или небольшой выборке, потом запускайте на всём наборе.

Для третьего шага автор приводит готовый промпт:

Прежде чем приступать к работе, опиши по шагам, как ты понял задачу, что собираешься изменить и какие элементы не будешь трогать. Дождись моих правок и подтверждения. Только после этого приступай к выполнению. : Екатерина Ларионова, продуктовый дизайнер

Есть ли российская замена Figma AI?

Сравнения с российскими сервисами в материале нет. Из доступных в РФ ИИ-помощников чаще всего называют YandexGPT и GigaChat, но правку макетов в Figma на тех же задачах никто не проверял. Сравнивать их с Figma AI по этому тесту нельзя.

О доступности Figma AI в России источник тоже не сообщает.

Кому и что делать с этим прямо сейчас?

Автору Дзена. Приёмы из теста работают с любой нейросетью: просите план до действий, перечисляйте, что не трогать, давайте образец вместо длинного описания. Это готовая основа для своей статьи о промптах.

Маркетологу. Если в команде есть дизайнер, задачи с заглушками, переименованием и однотипным оформлением можно передать агенту. Но закладывайте время на проверку и вторую итерацию.

Предпринимателю РФ и СНГ. Сначала проверьте, открыт ли Figma AI в вашем аккаунте. Пилот начните с одной задачи, например перестройки таблицы, и замерьте время сами.

Частые вопросы

Нужно ли писать длинные и грамотные промпты?

Нет. Агент понимает выделенное на холсте, поэтому короткие запросы работают. Длина важна в одном случае: когда нужен разнообразный тестовый текст.

Можно ли доверять результату аудита?

Только как подсказке. Ларионова советует проверять результаты вручную: агент может неверно понять задуманную логику компонента.

С чего начать, чтобы не испортить файл?

С копии компонента и запроса на план. Один готовый пример в макете, по словам автора, работает лучше, чем полстраницы описания. Начните с него, и агент возьмёт на себя ту рутину, за которую вручную браться не хочется.