# Figma представила 8 новых продуктов на Config London 2025: от ИИ-прототипов до публикации сайтов

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

---

На конференции Config London 2025 сооснователь Figma Дилан Филд (Dylan Field) и директор по продукту Юки Ямашита (Yuhki Yamashita) представили масштабное обновление экосистемы инструментов, охватывающее весь цикл создания цифровых продуктов. Главным вектором развития компании стало сближение дизайна и реального кода, а также интеграция искусственного интеллекта для ускорения прототипирования и создания маркетингового контента.

## 🌍 Расширение в Европе и фундамент качества
[[JUMP:04:39]]

Дилан Филд начал выступление с признания значимости европейского региона для компании, отметив, что 40% активных пользователей Figma находятся именно здесь [07:42]. В 2020 году Лондон стал местом открытия первого офиса компании за пределами Сан-Франциско, а сегодня команды «фигмейтов» работают также в Берлине и Париже [06:08]. Глава Figma подчеркнул, что европейская школа дизайна — от печатного станка Гутенберга до школы Баухаус и швейцарской сетки — заложила основы, на которых строится современное ПО [08:22].

Помимо культурного контекста, Филд уделил внимание техническим аспектам платформы:

*   За последний год средний размер файлов в Figma вырос на 18% [12:46].
*   Благодаря оптимизации кэширования и управления памятью, время загрузки самых тяжелых файлов сократилось на 33% [13:41].
*   Компания готовит полную переписку архитектуры дизайн-систем для ускорения обновления инстансов и повышения отзывчивости интерфейса [13:55].

По мнению Дилана Филда, в мире, где ИИ упрощает написание кода, дизайн становится ключевым дифференциатором бизнеса, требующим от специалистов перехода от «рисования пикселей» к системному мышлению [15:13].

## 🤖 Figma Make: от идеи к приложению за секунды
[[JUMP:19:06]]

Юки Ямашита представил Figma Make — инструмент, который, по утверждению CPO, должен полностью изменить процесс итерации [19:06]. Make позволяет превращать статичные макеты в полностью функциональные интерактивные прототипы с помощью текстовых запросов (промптов).

Ключевые возможности и технические детали:

*   **Модель:** В основе инструмента лежит Claude 3.7 [21:18].
*   **Контекст:** Система анализирует не просто изображение, а структуру слоев Figma, понимая их назначение [21:31].
*   **Инструмент Point-and-edit:** Позволяет точечно изменять элементы (цвет, отступы), просто выбирая их на холсте [21:57].
*   **Доступ к «железу»:** Опубликованные через Make прототипы могут обращаться к камере смартфона или акселерометру, что позволяет, например, тестировать сканирование банковских карт в реальном времени [23:31].

В ходе демонстрации Холли Ли показала создание 3D-интерфейса автомобиля с динамическими картами Mapbox и диджейского пульта, синтезирующего звук прямо внутри Figma [25:20].

## 📐 Grid: эволюция Auto Layout
[[JUMP:28:18]]

Для решения проблемы «адской вложенности» (gnarly nesting), когда дизайнерам приходится создавать десятки контейнеров для сложных макетов, Figma внедрила инструмент Grid в систему Auto Layout [29:37].

Основные функции Grid:

*   **Двумерное управление:** Возможность изменять размеры и порядок элементов одновременно по горизонтали и вертикали без разрушения структуры [30:03].
*   **Bento Boxes:** Упрощенное создание популярных плиточных интерфейсов.
*   **Фиксация пропорций (Aspect Ratio Lock):** Элементы сохраняют заданное соотношение сторон при адаптивном изменении размера сетки [33:29].
*   **Прямое редактирование:** Возможность «растягивать» отдельные ячейки, заставляя остальные элементы сетки подстраиваться автоматически [31:42].

По словам дизайнеров Келли Ху и Джорджио Кавилиа, Grid максимально приближает логику Figma к стандарту CSS Grid, что облегчает передачу макетов в разработку [30:17].

## 🌐 Figma Sites и Code Layers: дизайн как живой код
[[JUMP:35:40]]

Figma Sites позволяет публиковать дизайны напрямую в веб, превращая их в оптимизированный стек из HTML, CSS и JavaScript [38:07]. Инструмент ориентирован на создание лендингов, портфолио и маркетинговых страниц.

Технические особенности Sites:

1.  **Layout Sets:** Система брейкпоинтов для десктопа, планшета и мобильных устройств с автоматическим наследованием изменений [38:45].
2.  **Стили с брейкпоинтами:** Одному стилю текста можно задать разные размеры для разных устройств (например, 64px для ПК и 36px для мобильных) [40:17].
3.  **Вставки (Inserts):** Готовые блоки, такие как карты Google Maps или формы сбора данных [41:09].
4.  **Interactions Tab:** Настройка эффектов появления (fade-in) при скролле и создание лайтбоксов для изображений без написания кода [41:48].

Особое внимание уделили **Code Layers** — функции, позволяющей внедрять ИИ-генерируемый код в дизайн [44:51]. Дизайнер может попросить ИИ сделать текст «прыгающим» при наведении или создать эффект 3D-наклона, следующего за курсором. По утверждению Нико, этот подход не заставляет дизайнеров кодить, а дает им «материал» для творческих экспериментов [45:05].

## 🎨 Figma Draw: инструменты для визуальной экспрессии
[[JUMP:52:04]]

Figma Draw — это набор из 22 новых функций для векторного редактирования, призванный добавить дизайнам текстурности и «рукотворности» [52:30].

Ключевые инструменты и параметры:

*   **Texture Effect:** Добавление шума и зернистости с параметрами радиуса и интенсивности [54:28].
*   **Grainy Gradients:** Создание «зернистых» градиентов одним кликом [54:56].
*   **Progressive Blur:** Размытие, интенсивность которого нарастает постепенно, позволяя сохранять четкость важных объектов на фото [56:13].
*   **Repeaters:** Инструмент для создания паттернов (линейных и радиальных), позволяющий быстро генерировать сложные орнаменты из простых фигур [57:21].
*   **Dynamic Strokes и Brushes:** Внедрение кистей с эффектом ручной отрисовки и возможность создания собственных кистей из любого вектора [59:32].
*   **Text on a Path:** Размещение текста вдоль любой кривой [1:00:56].

## 📣 Figma Buzz: масштабирование маркетинга
[[JUMP:1:01:22]]

Для совместной работы дизайнеров и маркетологов представлен Figma Buzz — упрощенный редактор, работающий на основе шаблонов [1:02:41].

Главной инновацией стала функция **Bulk Create** [1:05:40]:

1.  Дизайнер создает шаблон с закрепленными зонами (guidelines), чтобы маркетолог не мог случайно испортить композицию [1:04:57].
2.  Пользователь загружает таблицу Excel или CSV с данными (тексты, ссылки на изображения) [1:05:40].
3.  Система автоматически генерирует десятки вариантов объявлений для разных городов или языков в один клик. В демо-версии было создано 81 локализованное изображение за несколько секунд [1:06:46].

## 🚀 Планы и новая модель лицензирования
[[JUMP:1:08:48]]

В завершение Юки Ямашита анонсировал новый тип лицензии — **Content Seat** [1:09:01]. Он предназначен для сотрудников, которым не нужен полный функционал Figma Design, но требуется доступ к Buzz, Figma Sites CMS, FigJam и Figma Slides.

В ближайших планах компании:

*   Запуск полноценной CMS для Figma Sites [1:09:27].
*   Обеспечение полной доступности (accessibility) генерируемого кода [1:09:27].
*   Собственный MCP-сервер для Dev Mode, позволяющий подключать ИИ-агентов из редакторов кода (например, VS Code) напрямую к дизайну в Figma [1:10:06].

Оба спикера сошлись во мнении, что будущее индустрии — в ответственности дизайнера за конечный результат «в руках пользователя», а не только за статичный макет [1:10:35].