Обновления Figma на Config 2025: подробный обзор

Figma получила крупное обновление с новыми инструментами для интерфейсного дизайна, прототипирования и работы с контентом. В редактор добавили рисование, адаптивные сетки, генерацию интерфейсов с помощью ИИ и конструктор сайтов. Появились функции для маркетинга и поддержки бренд-контента. Все нововведения объединены в рамках одной среды, без необходимости переключаться между разными сервисами.

В этом обзоре — что именно изменилось и как это использовать в ежедневной работе.

Figma Make

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

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

Кроме Make, в Figma добавили и другие AI-функции прямо в редактор. Теперь можно автозаполнить текст — Figma предложит варианты на основе контекста, чтобы не копировать «рыбу» вручную. Есть простое редактирование изображений с помощью ИИ — например, убрать фон или улучшить качество без внешних сервисов. А ещё всё это теперь работает без дополнительных настроек: просто выбираешь объект и запускаешь замену контента.

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

Grid Auto Layout

В Auto Layout появился новый режим — Grid. Теперь можно строить не только вертикальные или горизонтальные блоки, а нормальные двумерные сетки: с колонками, строками, ячейками, растяжением и адаптивностью. Раньше для сложных макетов приходилось вкладывать Auto Layout друг в друга или использовать хаки — теперь всё это делается напрямую, без костылей.

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

Grid — это то, чего давно не хватало, чтобы макеты в Figma были ближе к реальной вёрстке. Всё, что дизайнер настраивает в сетке, теперь читается в Dev Mode как CSS Grid, с нужными параметрами. Разработчики сразу видят структуру и могут взять нужный код без перевода с «дизайнерского на разработческий». Это снижает количество вопросов и исправлений на этапе передачи макета — всем понятна логика и поведение интерфейса.

Figma Draw

Figma Draw — новый режим для рисования прямо внутри Figma. Раньше если нужно было нарисовать иллюстрацию, иконку или какую-то сложную форму, приходилось переключаться на Illustrator или другие векторные редакторы. Теперь этого можно избежать — в Figma добавили полноценные инструменты для ручного рисования и работы с векторной графикой.

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

Кроме кисти, добавили и другие полезные инструменты:

• Текст по кривой, чтобы делать логотипы или декоративные надписи;
• Заливки узором, вроде паттернов или текстур — удобно для фонов;
• Динамические линии (Dynamic Stroke), где можно задать небольшое «дрожание» для живого, рисованного эффекта;
• Эффекты шума и текстур — чтобы имитировать материал или «винтаж».

Раньше всё это приходилось делать в других программах и переносить в Figma. Теперь — не нужно. Всё работает внутри редактора, и это сильно упрощает жизнь, если нужно сделать графику для интерфейса или быстрый набросок.

Figma Sites

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

Сайты поддерживают брейкпоинты — можно настроить отображение под мобильные устройства, планшет и десктоп. Есть базовые визуальные эффекты: параллакс, плавные анимации, marquee, hover-состояния. Всё редактируется прямо в интерфейсе, как в любом визуальном редакторе. В будущем обещают добавить поддержку кастомного кода — это пригодится, если нужна нестандартная логика или поведение, которого пока нет «в коробке».

Сайт публикуется одной кнопкой, можно сразу подключить свой домен. В бета-период хостинг бесплатный.

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

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

Планы на развитие есть — например, обещают встроенную CMS. Если Figma будет развивать Sites дальше, он может занять устойчивое место среди no-code решений.

Figma Buzz

Figma Buzz — это новый инструмент для тех, кто делает контент, но не занимается дизайном напрямую. Он пригодится маркетологам, менеджерам или редакторам, которым нужно быстро собирать баннеры, посты и другие материалы, не нарушая фирменный стиль. Вместо того чтобы каждый раз просить дизайнера сверстать всё заново, можно взять готовый шаблон и на его основе сделать нужные варианты самостоятельно.

Работает это так: дизайнер собирает шаблоны — например, пост для соцсетей или баннер для сайта — и задаёт, что можно менять, а что трогать нельзя (например, текст и картинку менять можно, а шрифты и цвета — нет). Дальше любой человек из команды может взять этот шаблон и на его основе собрать нужный макет.

Главная фишка — массовая генерация контента по таблице. Можно загрузить список текстов и изображений (например, из Google Sheets), и Buzz сам соберёт все возможные комбинации. Это удобно для кампаний, где нужно много вариантов одного и того же баннера с разными товарами, акциями или языками. Получившийся контент сразу доступен для скачивания.

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

Для дизайнеров это тоже плюс — не придётся тратить время на однотипные правки, при этом вся команда всё ещё работает в рамках бренд-гайда. Если нужно, можно зафиксировать ключевые элементы шаблона, чтобы никто случайно не уехал в самодеятельность. А если кто-то всё-таки хочет поэкспериментировать — шаблон всегда можно откатить обратно.

Заключение

Figma постепенно превращается из просто редактора в удобную рабочую среду для всей команды — от дизайна до запуска продукта. Новые функции вроде Make, Sites, Draw и Buzz упрощают задачи, сокращают количество ручной работы и помогают быстрее двигаться от идеи к результату. Не всё идеально, но направление развития в целом правильное.

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