CONFIG 2025. Что нового в Figma? Обновления, которые навсегда изменили мир дизайна

В этом году конференция Figma CONFIG 2025 проходит в 2-х местах, это Сан-Франциско и Лондон. На CONFIG в Лондон поедет наша Академия, чтобы показать вам всю внутрянку этого мероприятия.

А сейчас, давайте с вами разберемся со всеми апдейтами, которые показали в Сан-Франциско и начнем мы с нашего любимого Auto layout.

Auto layout Grid

Мы этого боялись и это случилось, обновления затронули Auto layout. Но не стоит переживать, сам принцип работы Auto layout не изменился, а наоборот, стал лучше! Нам добавили новый режим Auto layout. У нас были Horizontal, Vertical, Wrap и теперь доступен и Grid. Если до сих пор не умеете в Auto layout, то скажите пожалуйста, для кого наш бесплатный курс по Figma? Бегом учиться, теперь уже точно без Auto layout вы далеко не продвинетесь, его нужно знать!

Новый функционал Auto layout в Figma позволяет создавать модульные сетки. Источник: Figma

Auto layout Grid это новый режим, который теперь позволяет создавать настраиваемые модульные сетки в вашем Auto layout. Элементы сразу становятся по сетке и мы можем их растягивать по колонкам и/или строкам. Например, это упростит процесс адаптации, когда вам необходимо перестроить блоки или перенести их в другое место, раньше нужно было прокликиваться через миллион Auto layout’ов, чтобы что-то изменить, теперь мы просто перетаскиваем блоки по сетке. Также это улучшит взаимодействие с нашими разработчиками, т.к. Grids отображаются у них в Dev Mode в CSS-коде. А дружба с разработчиками очень важна, цените их 💛

Ну и один из моих любимых плагинов, который я вам советовал и на стримах, и в видосах про него говорил Bento Grid Maker, канул в лету, жаль конечно этого добряка, но что тут поделать, теперь у нас есть Grids. Функционал на данный момент в beta, и уже доступен во всех планах.

Figma Buzz

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

Новый инструмент Figma Buzz для работы с графикой и командой. Источник: Figma

Figma Buzz позволяет работать с членами команды, которые далеки от дизайна, например менеджеры и маркетологи. Ребята на конференции очень классно презентовали этот инструмент. Прямо на сцене, работала девушка, которая является маркетологом, и главный разработчик Figma Buzz, объяснял ей как все легко, и через пару минут, она уже сделала десятки макетов в новом инструменте.
Теперь ваши коллеги не будут к вам бежать с просьбой заменить какой-то текст в макете. Они смогут это сделать сами в специально отведенном поле. И не переживайте, макеты не “поплывут”, т.к. вы сможете ограничить элементы, которые можно редактировать.

Вы так же можете создать целую библиотеку своих готовых шаблонов (Canva пошла нервно курить) и ваша команда сможет использовать нужный им и редактировать его под себя выдерживая единую линию бренда.

Ну и шокирующий момент, касательно Buzz, вы можете всего одним кликом вставить нужный вам текст или заменить материалы в десятках креативов из какой-то таблички или базы данных. Просто потрясающе, я уже с ностальгией вспоминаю те времена, когда у тебя 70 макетов, и ты ручками в каждом из них изменяешь контент. А теперь один клик и готово! Figma Buzz находится в бете и уже доступен на Full Seat во всех планах.

Figma Sites

Честное слово, я сидел с открытым ртом, когда на конференции это показывали! Теперь наши дизайн-макеты, можно превратить в реальный сайт прямо в фигме, ну и конечно опубликовать его в Интернеты. Только представьте лица nocode инструментов, по типу Webflow или Framer?

Дизайн теперь можно превратить в сайт при помощи нового инструмента Figma Sites. Источник: Figma

Нет, вы не поняли, буквально дизайнить сайт и сразу получить его сверстанным, с прописанным кодом на своем домене. Конструктор сайтов внутри Figma, drop the mic!
В дальнейших планах, Figma Sites планирует добавить CMS в свой инструмент, что позволит создать, например блог со статьями на своем сайте, и писать их, и редактировать можно будет, я повторюсь, прямо в Figma.

Это полноценный mind blown, этот инструмент меняет правила, Figma теперь не просто редактор, а полноценная экосистема, в которой вы с нуля можете создать готовый продукт. Figma так же подготовили 50 темплейтов, которые вы можете использовать и уже иметь готовый сайт. Сделаем пожалуй отдельный разбор этого инструмента, поэтому следите за Академией на Youtube и в наших соц.сетях. Figma Sites так же в beta и доступен на Full Seat во всех планах.

Figma Make

Куда же без AI в наше время? Печальный опыт с прошлогодним Make Design в FigmaAI я уверен, преследует их до сих пор, но они не останавливаются. Дубль два! Figma анонсировали какой-то не побоюсь этого слова волшебный инструмент на базе AI.

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

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

Новый AI-инструмент Figma Make позволяет создавать интерактивные прототипы. Источник: Figma

Сколько же времени это сэкономит на разработку и тестирование. Сколько вариантов применения есть для Figma Make, мне честно сложно представить. Это какой-то некст ген в мире дизайна. 

На данный момент, Make находиться в beta и еще недоступен. Как сказали сами Figma, релиз будет в ближайшие недели. Что ж, ждем и будем тестировать. Самое главное, чтобы это не получилось так же, как с Make Design в Figma AI в прошлом году, где просто генерировались темплейтовые интерфейсы из какой-то библиотеки готовых элементов.

Figma Draw

Figma подумали, раз нас не купили Adobe, мы сделаем свой Adobe, c блекджеком и плюшками. Figma Draw новый инструмент, который убивает иллюстратор. Слышу ваше недольство, мол “Нееет, в Illustrator большой функционал”, не спорю, того же 3D в Figma нет (пока что 🙃), но давайте по честному, весь базовый функционал Figma заменили на все 100%. 

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

Новый инструмент Figma Draw становится заменой Adobe Illustrator. Источник: Figma

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

Это просто подарок для всех графических дизайнеров, и для, прости господи, дизайнеров “инфографики” для маркетплейсов. Не перестану бомбить с того, как неправильно исковеркали слово “инфографика”. 

Ну и две штуки из Draw, которые я ночью после конференции успел затестить, это текст по кривой, НАКОНЕЦ-ТО эти танцы с бубном через плагины закончены, ну и в люстру не надо переходить, лол. 

Плагины для создания текста по кривой в Figma больше не нужны

И Progressive блюр, классная штука. Предвижу уже миллионы работ с подобным эффектом.

Новый эффект прогрессивного размытия в Figma. Источник: Pinterest

Draw так же в бете и уже доступен в FIgma на Full Seat во всех планах. Апдейты глобальные, куча новых инструментов, все они в бетте и будут изменяться, что нормально. Поэтому вперед тестить, изучать, становиться мастерами Фигмы и делать этот мир лучше при помощи дизайна!

Это все основные апдейты, которые Figma показали на конференции в Сан-Франциско, впереди у нас ещё конференция в Лондоне, откуда мы лично будем вещать, поэтому оставайтесь с нами. Пис!

Все подробности об обновлениях вы можете найти на сайте Figma. А если более наглядную демонстрацию апдейтов, видео-версия уже ждет вас на YouTube-канале Nexfield Academy. Кликайте и смотрите👇🏻