7 функций из обновления Figma 2025, которые необходимо попробовать уже сегодня каждому дизайнеру

На ежегодной конференции Config компания Figma объявила об амбициозном расширении своей платформы дизайна и разработки продуктов. Разработчики утверждают, что это прорыв, который меняет подход к дизайну, командной работе и даже созданию сайтов. Компания сделала ставку на искусственный интеллект и автоматизацию, а пользователи — на еще большее удобство и скорость. Если вы работаете в сфере UX/UI, графического или продуктового дизайна, эти изменения точно нельзя игнорировать.

В этой статье расскажем обо всех ключевых новинках: от громких анонсов на конференции Config до реальных инструментов, которые уже можно протестировать. Вы узнаете, что такое Make, Sites, Draw и Buzz, как работает интеграция с искусственным интеллектом и действительно ли эти функции полезны для дизайнеров и команд. Будет интересно — обещаем.

Обзор анонсов Config 2025

В этом году Figma празднует одно из крупнейших обновлений за последнее десятилетие — и именно на конференции Config 2025 были представлены ключевые новинки. Событие одновременно проходило в двух городах — Сан-Франциско и Лондоне, собрав тысячи дизайнеров, разработчиков и продуктологов. Это мероприятие стало не просто обзором новых функций, а демонстрацией новой философии Figma: «от идеи — к готовому продукту».

Что такое Config 2025

Config — это ежегодная конференция от Figma, где компания делится своим видением будущего дизайна. Впервые ивент был проведен одновременно в Европе и США, чтобы объединить аудиторию со всего мира. Формат включал живые выступления, демонстрации инструментов и глубокие сессии о новых подходах к дизайну.

Ключевые моменты Config 2025:

• Более 20 000 участников онлайн и офлайн
• Презентации новых AI-инструментов и интеграций
• Объявление об изменении подхода к продуктовой работе

От дизайна к полному продуктовому циклу.

Одна из главных тем нынешнего мероприятия – расширение роли дизайна. Теперь Figma позиционирует себя не только как среда для UI/UX, а как полноценная платформа для разработки продуктов. Впервые в истории дизайнеры, разработчики и маркетологи смогут работать в одной среде без необходимости экспортировать макеты или передавать доступы.

Как Figma меняет процесс работы:

• Визуальный редактор теперь интегрируется с публикацией сайта
• Появилась поддержка кастомных логик и событий
• Создание продукта — от прототипа до запуска — стало возможным без выхода за пределы Figma

Глобальная стратегия на 2025 год: AI, скорость и удобство

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

Направления, на которые сделан акцент:

• Генерация интерфейсов из текста
• Автоматическое наполнение контентом
• Простое редактирование с помощью промптов

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

Figma Make – дизайн в код

Одним из самых громких анонсов Config 2025 стал инструмент Figma Make — новый подход к созданию интерфейсов, который позволяет строить дизайн не руками, а словами. Да, вы не ошиблись: теперь достаточно просто описать, что именно вы хотите увидеть, и Figma сгенерирует соответствующий интерфейс. Это решение открывает новую эру для дизайнеров, разработчиков и продактов — эру, где создание UI больше не требует часов манипуляций с блоками.

Как работает Figma Make

Figma Make — это генеративный инструмент, который превращает текстовое описание в прототип или даже готовое приложение. Его основа — мощная модель искусственного интеллекта Claude 3.7, которая обрабатывает запросы пользователя, формирует логику взаимодействия и автоматически генерирует интерфейсные элементы.

Что можно сделать с Figma Make:

• Создать дашборд с фильтрами, кнопками и графиками
• Сгенерировать лендинг или e-commerce страницу
• Построить базовую логику для кликов, переходов и анимаций
• Добавить навигацию, хедер, футер и элементы UI без ручного макетирования

И все это — из одного текстового запроса. И все это — из одного текстового запроса. А если хотите не только наблюдать за развитием инструментов, но и сами создавать современные, прибыльные сайты — присоединяйтесь к курсу «Профессия WEB и UI/UX дизайнер с нуля до профессионала«. Научитесь строить невероятные дизайны, которые приносят деньги вашим клиентам, и освойте Figma и другие инструменты на работе мечты уже за 4 месяца.

ИИ внутри

Figma подтвердила, что для генерации использует Claude 3.7 от Anthropic — одну из самых точных моделей на рынке. Она не просто интерпретирует запросы, а учитывает контекст, тип приложения, платформу (веб, мобильная или десктопная версия) и даже tone of voice бренда. Благодаря этому результаты выглядят не шаблонно, а уместно и гибко адаптированы.

Кейсы использования

Этот инструмент уже тестируется несколькими крупными командами. Например:

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

Figma Make также позволяет сохранять промпты, чтобы использовать их повторно или передавать в команду.

Ограничения и планы на будущее

Сейчас Figma Make еще в бета-версии, поэтому:

• Генерация может выдавать неточные цвета или компоновку
• Требуется ручная коррекция после генерации
• Поддерживается только англоязычный текст (интеграция других языков — в разработке)

Однако команда Figma уже анонсировала дальнейшую интеграцию с React-компонентами, API и внешними CMS. Это значит, что в скором будущем вы сможете создать не просто макет — а рабочий сайт прямо в Figma.

Figma Sites — лендинги из Figma

Еще одно  громкое обновление, которое стало открытием на Config 2025 — это Figma Sites. Теперь дизайнеры могут создавать и сразу публиковать полноценные веб-сайты прямо из Figma без необходимости экспорта в HTML или обращения к разработчику. Это не просто эксперимент – это функционал, который уже работает в бета-версии и меняет правила игры для создания одностраничных сайтов.

Создание сайтов: быстро, адаптивно, без кода

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

Основные возможности Figma Sites:

• Готовые шаблоны для портфолио, презентаций, лендингов
• Интерактивные компоненты (меню, кнопки, карусели)
• AI-анимации: интеллект автоматически предлагает эффекты появления, скролла и переходов между секциями

Для старта не нужен хостинг или отдельный домен — достаточно Figma-аккаунта и подключения к интернету.

Доступность и условия

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

Условия бета-версии:

• Создание до 3 сайтов одновременно
• Максимальный размер проекта — 100 элементов
• Публикация на домене *.site.figma.com (можно привязать собственный домен на платном тарифе)

Первая критика: вопрос доступности

Несмотря на инновационность, Figma Sites уже успел получить порцию критики от дизайнеров из сообществ доступности (accessibility). Главное замечание — сайты, сгенерированные автоматически, не всегда соответствуют WCAG-стандартам. Это может создать барьеры для людей с нарушениями зрения или моторики.

В ответ команда Figma заявила, что работает над улучшением семантики HTML-структуры, поддержкой ARIA-атрибутов и возможностью ручного редактирования тега title, alt и heading-levels. Это говорит о том, что разработчики серьезно относятся к теме инклюзивности и учитывают потребности пользователей с различными особенностями.

Figma Sites — это попытка совместить дизайн, разработку и публикацию в одной среде. И хотя еще не все идеально, это уже мощный шаг в сторону демократизации создания сайтов. Если вам интересно, куда движется индустрия, обязательно ознакомьтесь со статьей «25 трендов вебдизайна 2025 года, которые нужно знать дизайнеру и разработчику веб-сайтов» — там собраны самые свежие инсайты и примеры.

Figma Draw — векторная иллюстрация прямо в Figma

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

Новые возможности для иллюстраторов и дизайнеров

Draw — это не просто Pen Tool с новым лицом. Это отдельный режим с совершенно новым опытом рисования. Благодаря новым инструментам и кистям вы можете создавать эскизы, иконки, графику для презентаций или даже полноценные персонажи.

Ключевые функции Figma Draw:

• Brushes — различные стили линий, включая ручку, маркер и кисть
• Textures — возможность добавлять фактуры к штрихам
• Dynamic Stroke — линии меняют толщину в зависимости от скорости или нажатия
• Lasso Tool — быстрое выделение и редактирование объектов
• Shape Builder — создание сложных форм из базовых объектов

Это позволяет рисовать как в классических программах для иллюстрации, но в экосистеме Figma.

Интеграция в экосистему

Figma Draw не существует отдельно — он уже интегрирован в Figma Slides, Figma Sites и Buzz. Это означает, что вы можете создать иконку, сразу вставить ее в презентацию, использовать в лендинге или добавить в документацию — и все это без экспорта или потери качества.

Draw — это еще один шаг к тому, чтобы дизайнеры работали в единой среде. И хоть инструмент еще развивается, уже сейчас он способен заменить часть внешних решений и значительно ускорить создание визуального контента.

Figma Buzz — AI для маркетинга и бренд-контента

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

Что умеет Buzz?

Figma Buzz предоставляет набор функций, которые значительно облегчают ежедневную работу маркетологов:

• Готовые шаблоны — можно настроить под бренд и использовать для соцсетей, презентаций, промо
• Генерация визуалов на основе данных — инструмент подтягивает изображения, тексты или даже данные из таблиц
• Интеграция со spreadsheets — Buzz автоматически формирует баннеры, слайды или рекламные блоки из данных Google Sheets или Excel
• Автоматизация задач — создание серий визуалов одним кликом, например для рекламной кампании или онбординга

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

Чем отличается от Canva?

На первый взгляд, Buzz может показаться конкурентом Canva. Однако здесь другой подход: Canva — это инструмент для конечного пользователя, фрилансера или малого бизнеса. А Figma Buzz — решение для команд и enterprise-уровня. Здесь важна унификация, контроль над стилем и массовое создание контента из одних и тех же данных. Все это — без потери качества и с полной интеграцией в Figma-экосистему.

Buzz — это не просто дизайнерский инструмент, а мощная надстройка для автоматизированного брендинга, которая делает маркетинг быстрее, согласованнее и менее хаотичным.

Grid + Auto Layout — новый уровень адаптивности в Figma

Одно из самых заметных обновлений Figma 2025 — сочетание двумерной сетки (Grid) и Auto Layout. Теперь дизайнеры могут работать с элементами в полноценной двумерной среде: не только по вертикали, как раньше, но и по горизонтали. Это кардинально меняет подход к адаптивному дизайну, особенно для веб-интерфейсов и динамических презентаций.

Как это работает?

Новый Grid позволяет создавать:

• Строки и столбцы — с четким контролем размеров и поведения при изменении масштаба
• Span across tracks — элемент может занимать несколько «сеточных ячеек», подобно CSS Grid
• CSS align & justify — знакомые фронтенд-функции теперь доступны в визуальной среде
• Гибкое выравнивание — поведение элементов автоматически меняется в зависимости от контента и размера контейнера

Это приближает Figma к полноценному front-end UI-редактору. Дизайнеры могут создавать почти готовые макеты, которые точно отображают будущий вид интерфейса на разных экранах.

Где это особенно полезно?

Расширенный Grid уже интегрируется в:

• Slides — динамическая компоновка слайдов без необходимости ручного выравнивания
• Sites — точная настройка лендингов, которые сразу выглядят хорошо на всех устройствах
• Buzz — автоматическая адаптация маркетинговых шаблонов под различные форматы

Влияние на UX-дизайн

Этот инструмент — настоящий прорыв для UX-дизайнеров. Благодаря Grid + Auto Layout можно заранее учитывать поведение интерфейса на мобильных устройствах, создавать логику перемещения элементов, и значительно сокращать время на разработку адаптивов. Это также уменьшает количество недоразумений с разработчиками: то, что видит дизайнер в Figma, максимально близко к тому, что получит пользователь.

Dev Mode MCP Server — прорыв в передаче дизайна в разработку

Среди технических новинок, которые представила Figma на Config 2025, особенно выделяется Dev Mode MCP Server. Это серверное API, которое открывает доступ к дизайнерской информации для моделей искусственного интеллекта, таких как Copilot или Claude. Простыми словами: теперь можно не просто просматривать макеты, но и взаимодействовать с ними на уровне данных – что значительно упрощает автоматизацию процессов в продуктовых командах.

Что это означает на практике?

Dev Mode MCP Server позволяет:

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

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

Искусственный интеллект как партнер

MCP Server уже интегрируется с AI-моделями:

• Copilot — генерирует код на основе объектов из Figma
• Claude 3.7 — анализирует структуру интерфейса и предлагает решения для лучшего UX
• Автоматизация перевода «дизайн → код» становится не мечтой, а рабочим процессом

Кто может пользоваться?

Пока Dev Mode MCP Server находится в бета-стадии. Доступ получили только избранные партнеры — преимущественно крупные продуктовые команды, которые уже имеют интеграции с Figma API. В перспективе Figma планирует сделать этот инструмент доступным для более широкого круга пользователей — сначала через Enterprise-планы.

Почему это важно?

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

Plugin Cursor AI и другие сторонние интеграции: когда дизайн сам превращается в код

Одним из самых обсуждаемых нововведений после Config 2025 стал плагин Cursor AI – инструмент, который интегрируется с Figma и позволяет почти мгновенно превращать дизайн в рабочий код. Это решение уже успели окрестить «Visual Copilot» — настолько быстро и интуитивно работает этот инструмент. Если раньше дизайнеру нужно было объяснять верстальщику структуру, стили и логику — теперь все это может сделать искусственный интеллект.

Как это работает

Cursor AI:

• Подключается к Figma как плагин
• Считывает структуру макета: блоки, стили, компоненты, блоки, стили
• Генерирует HTML, CSS или даже React-компоненты с анимациями
• Может адаптировать код в зависимости от выбранного фреймворка

Инструмент поддерживает интеграцию с другими сервисами, такими как GitHub или Vercel, что позволяет сразу публиковать результат или сохранять код в общем репозитории.

Интерес от сообщества

Cursor AI стремительно набирает популярность:

• О нем активно пишут на Medium, UX Collective и DesignerUp
• Появляется все больше обзоров на YouTube: от коротких туториалов до глубоких разборов
• В сообществах Figma и Reddit проходят обсуждения с кейсами использования

Дизайнеры делятся, как за 15 минут с помощью Cursor AI создали полноценный лендинг или адаптировали существующий макет под другую платформу без участия разработчика.

Что это меняет?

Это значительный шаг к демократизации продуктового дизайна. Вместо «отдать в разработку» — вы получаете прямой путь от идеи до кода. Это не только ускоряет работу, но и открывает новые возможности для дизайнеров, которые хотят влиять на конечный продукт без глубоких технических знаний. Cursor AI — это еще одно доказательство того, что в будущем роль дизайнера и разработчика будет все больше пересекаться.

Комментарии экспертов и обзор негатива: не все так идеально

Несмотря на восторг от обновлений Figma 2025, не обошлось без критики. Больше всего нареканий вызвала ограниченная доступность функции Sites — сейчас она находится в бета-версии и доступна не всем пользователям, а также не поддерживает полный спектр доступности (accessibility). Это стало предметом дискуссий в сообществах дизайнеров, особенно тех, кто работает с госсектором и социальными проектами. Также Buzz и Draw пока имеют ограничения в функциональности — они не поддерживают командную работу в полном формате и работают нестабильно при большом количестве объектов.

В ответ на это CEO Figma подчеркнул, что роль дизайнера никуда не исчезает, даже в мире AI. ИИ — это инструмент, а не замена. Он должен облегчить рутинную работу, но креатив и контекст всегда будут оставаться за человеком.

По сравнению с конкурентами, Figma держит курс на интеграцию продуктового цикла «под ключ», тогда как Adobe XD сосредоточен на графике, Canva – на простоте и визуальном контенте, а Webflow — на веб-разработке с фокусом на код. Именно благодаря этому мультиинструментальному подходу Figma сегодня задает тон в сфере UI/UX-дизайна.

Подводим итоги

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

Если вы хотите не только читать об обновлениях, но и научиться работать с ними на практике — присоединяйтесь к курсу «Профессия WEB и UI/UX дизайнер с нуля до профессионала«. За 4 месяца вы научитесь создавать стильные, функциональные дизайны и сайты, освоите все ключевые инструменты в Figma и сможете работать с реальными клиентами. Сделайте первый шаг к карьере мечты уже сегодня.