Обновление Figma AI: что сейчас работает, а что нет?

Привет! Я Алексей Поляков, UI/UX дизайн-лид с более чем 10-летним опытом работы в дизайне интерфейсов. В этой статье расскажу о новых возможностях Figma с искусственным интеллектом, которые недавно появились в платформе. Мы вместе разберём, насколько полезны новые функции, протестируем их на практике и попробуем понять, куда движется этот инструмент.

Итак, недавно Figma добавила целый набор новых AI-инструментов, которые должны автоматизировать рутинные задачи, облегчить создание макетов и ускорить рабочий процесс. Давайте посмотрим, что они могут.

Кстати, если вы UI/UX дизайнер и хотите разобраться в этой теме глубже, я недавно выпустил бесплатный практикум «Как начинающему UI/UX дизайнеру стать востребованным специалистом». Там я подробно рассказываю, как строить дизайн с учётом потребностей пользователей, как развивать свои навыки и что отличает успешных дизайнеров. Получить доступ к практикуму можно бесплатно через мой Telegram-бот

Figma представила несколько ключевых инструментов:

First Draft — создание макетов с нуля на основе текстового запроса.
Создание изображений (Make Image) — генерация изображений по вашему описанию.
Rename Layers — автоматическое переименование слоев.
Make Changes — внесение изменений в макеты на основе промтов.
Replace Content — замена контента по запросу.
Прототипирование — создание кликабельных прототипов.
Remove Background — удаление фона с изображений.

Каждый из этих инструментов обещает упростить дизайнерские задачи. Я протестировал их и поделюсь с вами результатами.

Первая функция, которую я решил протестировать, — это First Draft. Она предлагает возможность создания макетов с нуля, просто введя запрос. Например, вы можете попросить Figma создать «веб-сервис для онлайн-образования» или «сайт для путешествий». Что же получилось?

Обновление Figma AI: что сейчас работает, а что нет?

Первый тест показал, что макеты пока выглядят очень сыро. На запрос «веб-сервис для онлайн-образования» Figma сгенерировала что-то, больше похожее на лендинг, а не полноценный сервис. Макет оказался довольно беспорядочным: кнопки налезали на текст, картинки размещались неудачно, а структура сайта оставляла желать лучшего.

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

Вердикт: First Draft пока не справляется с созданием полноценного дизайна. Это скорее инструмент для генерации идей, но для реальной работы его пока рано использовать.

Следующим я протестировал Make Image, инструмент для генерации изображений по описанию. Казалось бы, простая задача: попросить Figma сгенерировать «осенний пейзаж». Результат был немного неожиданным — из четырёх сгенерированных изображений только одно соответствовало запросу. Остальные оказались случайными: зима, непонятное море и просто листочки на фоне.

Следующим запросом я решил протестировать «белый телефон на черном столе». И тут снова неудача: Figma сгенерировала черный телефон на сером фоне и несколько изображений с людьми, хотя я не просил добавлять людей в кадр. Такое ощущение, что AI не всегда правильно интерпретирует запросы и результаты получаются далекими от ожидаемого.

Вердикт: Создание изображений — инструмент интересный, но точность его пока подводит. Генерация часто даёт неожиданные результаты, и вместо ускорения работы, скорее, создаёт новые задачи на доработку.

Инструмент Rename Layers автоматически переименовывает слои в макете, чтобы упростить навигацию и управление проектом. Я протестировал его на макете из своего курса и, к сожалению, был разочарован. Figma дала названия слоям, но не всегда логичные. Текстовые слои, например, были названы по шаблону, что затрудняло поиск нужных элементов.

Например, если я хотел быстро найти текст "портфолио", мне приходилось искать слой, который был назван как-то вроде "bonus_am_title", что, конечно, сбивает с толку. Переименование оказалось не настолько полезным, как ожидалось.

Вердикт: Инструмент может быть полезен, но если вы работаете с крупными проектами и текстовыми слоями, вам всё равно придётся вручную исправлять названия.

Функция Make Changes обещает редактирование элементов в макете на основе промтов. Например, вы можете попросить Figma сделать карточки товаров "две в ряд" или изменить стили кнопок. Но и здесь результаты оказались далеки от идеальных.

Когда я попросил AI изменить количество карточек в ряду, ничего не произошло. Пробуя другие запросы, я заметил, что инструмент срабатывает только на простейших задачах и часто пропускает более сложные инструкции.

Вердикт: Пока эта функция выглядит сыро и работает нестабильно. В реальных проектах она скорее замедлит процесс, чем поможет его ускорить.

Replace Content — это интересная идея для ускорения работы с повторяющимися элементами. Я попробовал добавить несколько новых блоков на внутреннюю страницу курса и попросил Figma автоматически сгенерировать контент для них. Инструмент добавил новые блоки и заполнил их текстом, но не весь текст был заменён, и часть блоков осталась пустой.

Попытки переписать текст с помощью команды «Rewrite» также не всегда давали правильные результаты. Я несколько раз переписывал запросы, и AI каждый раз выдавал разные результаты, не всегда подходящие под задачу.

Вердикт: Инструмент имеет потенциал, но пока требует точной настройки промтов. Для быстрых исправлений этот инструмент работает не идеально.

Одной из самых ожидаемых функций для меня было автоматическое создание прототипов. Я попробовал настроить простой прототип с переходами между страницами, но AI не смог корректно линковать макеты. Пришлось вручную вносить изменения, что заняло больше времени, чем если бы я сразу сделал это вручную.

Вердикт: AI-прототипирование пока нестабильно. Ожидается, что в будущем оно может существенно облегчить жизнь дизайнерам, но на данный момент функция нуждается в доработке.

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

Вердикт: Это одна из немногих AI-функций, которая действительно уже готова к использованию и может сэкономить время.

Наконец, я протестировал перевод текста и сокращение текста. Перевод с английского на русский оказался вполне адекватным, хотя не все элементы были переведены корректно. Сокращение текста сработало не так, как я ожидал — инструмент просто обрезал текст, оставив только начало фразы.

Вердикт: Перевод текста работает, но есть нюансы. Сокращение текста пока слишком простое и требует улучшений.

На данный момент AI-инструменты в Figma находятся в стадии активной доработки. Да, они могут помочь в некоторых рутинных задачах, таких как удаление фона или генерация рыбы для контента, но пока это скорее эксперименты, чем готовые решения для профессионального использования.

Figma движется в правильном направлении, и есть надежда, что в будущем AI станет неотъемлемой частью рабочего процесса. Но пока, если вы хотите сэкономить время, лучше по-прежнему полагаться на собственные навыки.

А если вы хотите более детально изучить UI/UX дизайн, то у меня есть личное наставничество, где мы можем разобрать любые вопросы, с которыми вы сталкиваетесь в этой профессии. Вместе мы найдём решения, чтобы вы уверенно продвигались вперёд. Подробности можно узнать на моём сайте.

А если вам понравилась статья и вы хотите посмотреть мое подробное видео на эту тему, то держите ссылку на видео на YouTube