24 июня 2026 года Figma опубликовала официальный обзор Config 2026 с code layers, Figma Motion, шейдерами и генеративными инструментами. Анонсы объединены одной идеей: канвас перестаёт быть местом только для статичных макетов и становится средой, где рядом живут код, анимация и новые материалы.
Для дизайнеров, разработчиков и владельцев сайтов это не просто список новых функций. Это набор сигналов о том, куда движется веб-дизайн. Разберём ключевые тренды, которые задала Config 2026, и что они значат на практике.
Код становится материалом дизайна
Центральный тезис конференции: спор «дизайн против кода» — ложный. Код, по мнению Figma, это такой же материал, как изображения, векторы и слои. Проблема была в том, что код жил в «однопользовательских средах для линейного мышления», оторванный от процесса проектирования.
Ответом стали code layers — интерактивный код прямо на канвасе. Любой дизайн-слой можно превратить в code layer одним кликом или промптом, дублировать для сравнения вариантов и обсуждать с командой в том же файле. Функция extract designs переводит код обратно в редактируемые слои. Ранний доступ — по заявке, развёртывание начинается с июля.
Тренд очевиден: граница между «нарисовано» и «запрограммировано» стирается, и интерактивный результат всё раньше появляется в процессе.
Анимация переезжает на канвас
Второй крупный анонс — Figma Motion. Анимация, которая раньше требовала отдельных инструментов, теперь строится прямо в Figma Design: появились таймлайн, ключевые кадры и пресеты. Можно собрать движение с нуля, наложить на существующий дизайн или попросить AI-агента сгенерировать отправную точку.
Важно, что motion становится частью дизайн-системы: анимацию компонента можно задать один раз, и она распространится на все экраны и файлы команды — так же, как заливки и типографика. Для разработчиков в Dev Mode доступна вся таймлиния: значения времени, кривые easing, ключевые кадры читаются без интерпретации. Код анимации копируется в CSS, JSON или готовый для фреймворка React, а результат экспортируется в MP4, WebM, Animated SVG или GIF.
Это сигнал, что движение перестаёт быть «украшением в конце» и становится базовым элементом дизайн-системы.
Генеративные материалы: шейдеры и плагины
Третий тренд — генеративные материалы. Шейдеры, которые раньше работали «за кулисами» рендеринга канваса, теперь доступны дизайнеру: достаточно описать желаемый эффект текстом или показать референс, и AI-агент построит его. Эффект трансформирует содержимое слоя, а заливка действует как новый материал. Параметры шейдера автоматически становятся элементами управления на канвасе, комбинируются с другими эффектами и конвертируются в код.
Вместе с генеративными плагинами и инструментами Weave это складывается в картину, где сложные визуальные эффекты перестают быть уделом узких специалистов и становятся доступны прямо в рабочем файле.
«AI опустил порог, но не поднял планку»
Пожалуй, самая цитируемая мысль конференции: AI снизил порог входа в дизайн, но не поднял потолок мастерства. Поднять его, по словам Figma, предстоит самим дизайнерам. Компания прогнозирует «взрыв креативности, смелых решений и выразительности» в ближайшие годы.
Это важная рамка для понимания всех остальных трендов. Инструменты снимают технические барьеры, но ответственность за качество и смелость решения остаётся на человеке. Ценность смещается от владения инструментом к вкусу, постановке задачи и критическому мышлению.
Что это значит для разных ролей
Веб- и UI/UX-дизайнеры получают канвас, где рядом живут макет, код, анимация и эффекты. Это расширяет диапазон того, что можно проверить и показать без переключения между инструментами.
Разработчики видят анимацию и код в читаемом виде: тайминги, easing, ключевые кадры доступны в Dev Mode, а код копируется напрямую. Это снижает потери на стыке дизайна и фронтенда.
Владельцы сайтов и продакты получают более быстрый цикл от идеи до интерактивного результата и более выразительные прототипы для согласования.
Ограничения и риски
Многие анонсы — на ранней стадии. Code layers разворачиваются в закрытой бете с июля, интерактивные шейдеры «скоро появятся», а часть функций ещё дорабатывается. Реальную ценность покажет практика, а не презентация.
Есть и методологический риск: обилие выразительных инструментов не заменяет дизайн-мышление. Доступность, адаптивность, производительность и смысл по-прежнему требуют осознанных решений. Легко увлечься эффектами и забыть о задаче пользователя.
Практические рекомендации
Следите за развёртыванием функций и подавайте заявки на ранний доступ, если команда работает в Figma. Начните с пилотного сценария: один компонент с анимацией или один code layer, чтобы отработать процесс. Зафиксируйте, какие решения остаются за человеком — структура, доступность, контент. И помните тезис конференции: инструменты опускают порог, но планку поднимаете вы.
Вывод
Config 2026 задала понятный вектор: канвас становится средой, где дизайн, код, анимация и генеративные материалы существуют вместе. Многие функции ещё в бете, и их ценность покажет практика. Но направление очевидно — инструменты снимают технические барьеры, а ценность дизайнера смещается к вкусу и постановке задачи.