# Figma удваивает линейку продуктов: запуск Sites, Make, Buzz и Draw на Config 2025

Источник: https://www.youtube.com/watch?v=5q8YAUTYAyk
Канал: Figma
Опубликовано: 08.05.2025

---

На конференции Config 2025 сооснователь и CEO Figma Дилан Филд объявил о самом масштабном расширении платформы за всю её историю. Компания удвоила свою продуктовую линейку, перейдя от четырёх инструментов к восьми, представив решения для создания живых сайтов, автоматизации маркетингового контента, продвинутого рисования и прототипирования на базе ИИ.

## 🚀 Масштабирование Figma: от дизайна к производству
[[JUMP:01:16]]

Дилан Филд открыл конференцию, подчеркнув, что сегодня Figma — это не просто инструмент для «отрисовки пикселей», а полноценная среда, где дизайн становится самим процессом создания продукта [07:42]. По данным компании, с начала 2025 года было выпущено 56 обновлений, включая аннотации, улучшенные инструменты работы с изображениями на базе GPT и фиксацию соотношения сторон [04:09]. 

Основные показатели производительности платформы за прошедший год:

*   Средний размер файла в Figma вырос на 18% [06:01].
*   За счёт внедрения интеллектуального кэширования удалось сократить время загрузки самых тяжёлых файлов на 33% [06:26].
*   В начале следующего года планируется полный перезапуск архитектуры дизайн-систем для ускорения обновления инстансов [06:52].

По мнению Дилана Филда, в мире, где ИИ упрощает написание кода, именно дизайн, качество исполнения и авторский взгляд становятся главными факторами успеха продукта [08:23].

## 📏 Grid: «Тёмная материя» дизайна и конец вложенных контейнеров
[[JUMP:09:46]]

Дизайнер Figma Джорджио Кавила представил долгожданное обновление — Grid (сетку) как часть функционала Auto Layout. Он сравнил верстку с «тёмной материей» дизайна: невидимой силой, удерживающей элементы на своих местах [10:14]. 

Ключевые возможности нового инструмента:

*   **Двумерная раскладка:** Grid позволяет создавать сложные интерфейсы (например, «бенто-боксы») без необходимости бесконечного вложения контейнеров друг в друга [13:48].
*   **Адаптивность:** Элементы сетки могут автоматически растягиваться на несколько колонок или строк, заполняя пространство [16:30].
*   **Управление слоями:** Внутри сетки теперь можно управлять Z-индексом, перемещая элементы «выше» или «ниже» относительно друг друга [20:51].
*   **Синхронизация с кодом:** Параметры сетки в Figma теперь напрямую мапятся на свойства CSS Grid, что упрощает передачу дизайна в разработку [21:24].

## 🌐 Figma Sites: публикация сайтов в один клик
[[JUMP:23:28]]

Одним из главных анонсов стал запуск Figma Sites — инструмента для мгновенного превращения дизайн-макетов в работающие веб-сайты. Том Джанатазио, один из руководителей проекта, отметил, что этот продукт устраняет разрыв между визуальным проектированием и кодом, который существовал десятилетиями [25:42].

Функционал Figma Sites включает:

*   **Нативные брейкпоинты:** Возможность задавать разные настройки для десктопа, планшета и мобильных устройств в одном рабочем пространстве [28:08].
*   **Мульти-редактирование:** Изменение заголовка на одной версии устройства автоматически дублируется на все остальные брейкпоинты [29:00].
*   **Пресеты взаимодействий:** Добавление эффектов наведения (hover), параллакса и «пишущей машинки» без настройки сложных анимаций [31:56].
*   **HTML/CSS в реальном времени:** Окно предпросмотра отображает не просто картинку, а реальный программный код [32:49].

В ближайшем будущем в Figma Sites появятся интегрированная CMS для управления динамическим контентом (блогами, списками товаров) и «кодовые слои» (Code Layers), позволяющие конвертировать дизайн в структурированный код на React и Tailwind [36:41].

## 🤖 Figma Make: прототипирование с помощью ИИ
[[JUMP:42:16]]

Product-менеджер команды ИИ Холли Ли продемонстрировала Figma Make — инструмент, который превращает статический дизайн в интерактивный прототип с помощью текстовых промптов. В основе решения лежит модель Claude 3.7 [45:42].

Возможности Figma Make:

1.  **Интерактивность через промпт:** Можно скопировать элемент (например, CD-плеер) и попросить ИИ заставить диск вращаться при нажатии [44:47].
2.  **Работа с данными:** ИИ понимает структуру слоёв и метаданные, что позволяет создавать прототипы с реальными API-картами или графиками [46:11].
3.  **Point and Edit:** Инструмент для прямого манипулирования цветами, шрифтами и размерами элементов через текстовые команды [50:13].
4.  **Сложные миры:** Make позволяет создавать 3D-сцены, игры с базовой логикой и приложения с отслеживанием жестов (hand-tracking) [47:31].

Дилан Филд предупредил, что результаты работы ИИ могут быть «недетерминированными», но продукт будет быстро улучшаться в ближайшие недели [52:02].

## 📣 Figma Buzz: автоматизация маркетинга
[[JUMP:57:28]]

Для тех, кто не является профессиональным дизайнером, но нуждается в создании брендированного контента, представлен продукт Figma Buzz. Креативный директор Дамиан и Лорен Макканн показали, как инструмент помогает избежать «производственного ада» при подготовке сотен рекламных ассетов [54:21].

*   **Упрощённый интерфейс:** В Buzz оставлены только необходимые инструменты для редактирования текста и замены изображений, чтобы сторонние сотрудники не боялись «сломать» шаблон [57:41].
*   **Массовое создание (Bulk Create):** С помощью загрузки CSV-файла можно мгновенно сгенерировать десятки вариантов постов для разных соцсетей с уникальными данными для каждого события [1:00:33].
*   **Общие библиотеки:** Маркетологи получают доступ к проверенным логотипам, иллюстрациям и фильтрам компании в один клик [59:17].

## 🎨 Figma Draw: возвращение к истокам векторной графики
[[JUMP:1:02:54]]

Завершающим анонсом стал запуск Figma Draw — режима, который активируется переключателем (аналогично Dev Mode) и открывает 22 новые функции для высокохудожественного дизайна [1:05:44].

Инженерный лидер Лорен Бедорик представила ключевые нововведения:

*   **Shape Builder:** Инструмент для быстрого объединения или вычитания сложных фигур простым перетаскиванием [1:07:02].
*   **Текст по пути:** Возможность привязывать текстовые блоки к любым кривым [1:08:39].
*   **Текстурные эффекты:** Неразрушающее наложение шума, зернистости и эффектов печати на векторы [1:10:04].
*   **Прогрессивное размытие:** Создание мягких переходов фонового блюра с помощью градиентных направляющих [1:09:57].
*   **Кисти и штрихи:** Появление кистей с имитацией ручного рисунка, «живых» динамических обводок и вариативной ширины линий (Variable Width Stroke) [1:11:05].
*   **Заполнение паттернами:** Вместо копирования тысяч объектов теперь используются паттерн-филлы, которые экономят ресурсы процессора и обновляются автоматически при изменении исходного слоя [1:12:43].

Дилан Филд резюмировал, что 10 лет назад идея дизайна в браузере казалась радикальной, а сегодня это норма. По его прогнозу, новые инструменты Figma заставят то, что сегодня кажется невозможным, стать новой повседневностью уже через год или два [1:18:25].