Этот эпизод посвящён обсуждению Figma Make — AI-инструмента для прототипирования/вайбкода внутри Figma.

В дизайне многое меняется и подход к созданию прототипов приходится пересматривать.
Николас и Холли из команды Figma Make рассказывают, что создание прототипов больше не процесс у которого есть начало и конец — теперь это плавный и взаимосвязанный цикл доработок.

Сделал конспект с помощью Perplexity, было интересно изучить подробнее новые возможности Figma и сам тут немного поиграл с Figma Make. Делайте ремикс моей работы и делитесь своими.

Очень нравится, что дизайн всё больше не статичный! На прошлых работах мы тоже писали код и делали разные степени «прогрессивного JPEG». Некоторые даже увлекались, оставляли дизайн и уходили делать фронтенд. Figma, Lovable, Cursor и пр теперь дают дизайнерам отличный инструмент для оживления статичных картинок, которые разработчику позже будет проще понять и переписать. А команде быстро протестировать идеи.

Интересно какой первый продукт даст инструмент пригодный для B2B. Это конечно очень сложно, но там основные деньги.

5 ключевых идей из интервью:

1. Улучшение коммуникации внутри команды
   Такой подход делает процессы прозрачнее: дизайнеры, разработчики и менеджеры понимают друг друга лучше, ведь все видят и работают с одним интерактивным прототипом.
2. Искусственный интеллект ускоряет работу
   AI помогает быстро создавать сложные прототипы по простому текстовому описанию. Это избавляет дизайнеров от необходимости программировать и позволяет экспериментировать с поведением и логикой элементов.
3. Код интегрируется в дизайн
   В Figma Make появились “code layers” — кодовые слои, которые можно настраивать прямо в прототипе. Это делает макеты более реалистичными и упрощает взаимодействие между дизайнерами и разработчиками.
4. Взаимодействие через простые текстовые описания
   Теперь для создания интерактивных элементов достаточно просто описать словами, как они должны вести себя. Это упрощает процесс и делает его доступнее для людей без технических знаний.
5. Прототипы используются для исследований и тестирования
   С помощью Figma Make можно быстро создавать вариации интерфейсов и проводить эксперименты. Это помогает быстрее находить лучшие решения и улучшать пользовательский опыт.

Влияние AI на процесс прототипирования и разработку

AI помогает быстро создавать гибкие прототипы, которые отражают не только визуальные, но и поведенческие характеристики продукта. Теперь возможна генерация сложных интерактивных элементов всего по текстовому описанию — например, “сделай это отскакивающим, как резиновый мяч в дождливый день”.
Это меняет взаимодействие дизайнеров с инструментами: теперь не нужно знать программирование, чтобы описать и испытать динамику взаимодействия элементов.

Интеграция кода как клей в командной работе

Код стал базой для сотрудничества между дизайнерами и разработчиками. В Figma Make появились “code layers” — слои кода, которые можно редактировать и дублировать как компоненты. Это позволяет не просто показать статичный дизайн, а создать реалистичный прототип с реальной логикой.
Такой подход заставляет дизайнеров и разработчиков работать в едином контексте, делая коммуникацию более прозрачной и продуктивной.

Разные уровни качества и “точности” прототипов

“Высокая точность” теперь многомерна — может означать продвинутую анимацию и поведение в интерактиве при визуальной простоте моделей (например, серые блоки). Фокус смещается на то, что важнее для продукта: визуальный стиль, взаимодействие, обработка данных или что-то другое.
Таким образом, прототипирование стартует там, где есть смысл — иногда с наброска, иногда с уже детализированного интерфейса, что расширяет творческую гибкость дизайнера.

Новые тактики и опыт использования Figma Make в работе

• Дизайнеры используют Make как дополнение к существующим инструментам, начиная с эскизов до сложных интерактивных моделей.
• Интересна возможность создавать интерактивные части прототипа — с множеством переключателей для настройки поведения элементов, чтобы проверить и сравнить разные варианты.
• Внутри Make можно донастроить данные прямо в прототипе. Это упрощает работу и помогает разработчикам быстрее понять, что нужно сделать.

Работа всей командой

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

Будущее и перспективы развития Figma Make и прототипирования в целом

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

Также здесь собирал конспект с VP of Design Intercom про будущее дизайна и как они уже используют AI в работе.

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