На конференции Config London 2025 сооснователь Figma Дилан Филд (Dylan Field) и директор по продукту Юки Ямашита (Yuhki Yamashita) представили масштабное обновление экосистемы инструментов, охватывающее весь цикл создания цифровых продуктов. Главным вектором развития компании стало сближение дизайна и реального кода, а также интеграция искусственного интеллекта для ускорения прототипирования и создания маркетингового контента.
🌍 Расширение в Европе и фундамент качества 4:39
Дилан Филд начал выступление с признания значимости европейского региона для компании, отметив, что 40% активных пользователей Figma находятся именно здесь . В 2020 году Лондон стал местом открытия первого офиса компании за пределами Сан-Франциско, а сегодня команды «фигмейтов» работают также в Берлине и Париже . Глава Figma подчеркнул, что европейская школа дизайна — от печатного станка Гутенберга до школы Баухаус и швейцарской сетки — заложила основы, на которых строится современное ПО .
Помимо культурного контекста, Филд уделил внимание техническим аспектам платформы:
- За последний год средний размер файлов в Figma вырос на 18% .
- Благодаря оптимизации кэширования и управления памятью, время загрузки самых тяжелых файлов сократилось на 33% .
- Компания готовит полную переписку архитектуры дизайн-систем для ускорения обновления инстансов и повышения отзывчивости интерфейса .
По мнению Дилана Филда, в мире, где ИИ упрощает написание кода, дизайн становится ключевым дифференциатором бизнеса, требующим от специалистов перехода от «рисования пикселей» к системному мышлению .
🤖 Figma Make: от идеи к приложению за секунды 19:06
Юки Ямашита представил Figma Make — инструмент, который, по утверждению CPO, должен полностью изменить процесс итерации . Make позволяет превращать статичные макеты в полностью функциональные интерактивные прототипы с помощью текстовых запросов (промптов).
Ключевые возможности и технические детали:
- Модель: В основе инструмента лежит Claude 3.7 .
- Контекст: Система анализирует не просто изображение, а структуру слоев Figma, понимая их назначение .
- Инструмент Point-and-edit: Позволяет точечно изменять элементы (цвет, отступы), просто выбирая их на холсте .
- Доступ к «железу»: Опубликованные через Make прототипы могут обращаться к камере смартфона или акселерометру, что позволяет, например, тестировать сканирование банковских карт в реальном времени .
В ходе демонстрации Холли Ли показала создание 3D-интерфейса автомобиля с динамическими картами Mapbox и диджейского пульта, синтезирующего звук прямо внутри Figma .
📐 Grid: эволюция Auto Layout 28:18
Для решения проблемы «адской вложенности» (gnarly nesting), когда дизайнерам приходится создавать десятки контейнеров для сложных макетов, Figma внедрила инструмент Grid в систему Auto Layout .
Основные функции Grid:
- Двумерное управление: Возможность изменять размеры и порядок элементов одновременно по горизонтали и вертикали без разрушения структуры .
- Bento Boxes: Упрощенное создание популярных плиточных интерфейсов.
- Фиксация пропорций (Aspect Ratio Lock): Элементы сохраняют заданное соотношение сторон при адаптивном изменении размера сетки .
- Прямое редактирование: Возможность «растягивать» отдельные ячейки, заставляя остальные элементы сетки подстраиваться автоматически .
По словам дизайнеров Келли Ху и Джорджио Кавилиа, Grid максимально приближает логику Figma к стандарту CSS Grid, что облегчает передачу макетов в разработку .
🌐 Figma Sites и Code Layers: дизайн как живой код 35:40
Figma Sites позволяет публиковать дизайны напрямую в веб, превращая их в оптимизированный стек из HTML, CSS и JavaScript . Инструмент ориентирован на создание лендингов, портфолио и маркетинговых страниц.
Технические особенности Sites:
- Layout Sets: Система брейкпоинтов для десктопа, планшета и мобильных устройств с автоматическим наследованием изменений .
- Стили с брейкпоинтами: Одному стилю текста можно задать разные размеры для разных устройств (например, 64px для ПК и 36px для мобильных) .
- Вставки (Inserts): Готовые блоки, такие как карты Google Maps или формы сбора данных .
- Interactions Tab: Настройка эффектов появления (fade-in) при скролле и создание лайтбоксов для изображений без написания кода .
Особое внимание уделили Code Layers — функции, позволяющей внедрять ИИ-генерируемый код в дизайн . Дизайнер может попросить ИИ сделать текст «прыгающим» при наведении или создать эффект 3D-наклона, следующего за курсором. По утверждению Нико, этот подход не заставляет дизайнеров кодить, а дает им «материал» для творческих экспериментов .
🎨 Figma Draw: инструменты для визуальной экспрессии 52:04
Figma Draw — это набор из 22 новых функций для векторного редактирования, призванный добавить дизайнам текстурности и «рукотворности» .
Ключевые инструменты и параметры:
- Texture Effect: Добавление шума и зернистости с параметрами радиуса и интенсивности .
- Grainy Gradients: Создание «зернистых» градиентов одним кликом .
- Progressive Blur: Размытие, интенсивность которого нарастает постепенно, позволяя сохранять четкость важных объектов на фото .
- Repeaters: Инструмент для создания паттернов (линейных и радиальных), позволяющий быстро генерировать сложные орнаменты из простых фигур .
- Dynamic Strokes и Brushes: Внедрение кистей с эффектом ручной отрисовки и возможность создания собственных кистей из любого вектора .
- Text on a Path: Размещение текста вдоль любой кривой .
📣 Figma Buzz: масштабирование маркетинга 1:01:22
Для совместной работы дизайнеров и маркетологов представлен Figma Buzz — упрощенный редактор, работающий на основе шаблонов .
Главной инновацией стала функция Bulk Create :
- Дизайнер создает шаблон с закрепленными зонами (guidelines), чтобы маркетолог не мог случайно испортить композицию .
- Пользователь загружает таблицу Excel или CSV с данными (тексты, ссылки на изображения) .
- Система автоматически генерирует десятки вариантов объявлений для разных городов или языков в один клик. В демо-версии было создано 81 локализованное изображение за несколько секунд .
🚀 Планы и новая модель лицензирования 1:08:48
В завершение Юки Ямашита анонсировал новый тип лицензии — Content Seat . Он предназначен для сотрудников, которым не нужен полный функционал Figma Design, но требуется доступ к Buzz, Figma Sites CMS, FigJam и Figma Slides.
В ближайших планах компании:
- Запуск полноценной CMS для Figma Sites .
- Обеспечение полной доступности (accessibility) генерируемого кода .
- Собственный MCP-сервер для Dev Mode, позволяющий подключать ИИ-агентов из редакторов кода (например, VS Code) напрямую к дизайну в Figma .
Оба спикера сошлись во мнении, что будущее индустрии — в ответственности дизайнера за конечный результат «в руках пользователя», а не только за статичный макет .
