Figma: Config 2026 — слои кода, таймлайн анимации, шейдеры и обновлённый дизайн-агент

Figma провела конференцию Config 2026 в Moscone Center в Сан-Франциско с 23 по 25 июня; продуктовый keynote представил CEO Дилан Филд 24 июня. Анонсы расширяют возможности Figma в области анимации, работы с кодом и процедурных визуальных эффектов — всего того, что раньше требовало переключения на другие инструменты.

Слои кода. Дизайнеры теперь могут конвертировать дизайн-слои в интерактивные слои кода одним кликом, что позволяет исследовать разные варианты реализации в одном файле. Команды могут клонировать репозитории прямо в Figma и извлекать пользовательские флоу из кода в дизайн-слои для проверки и итерирования.

Figma Motion. Инструмент анимации на основе таймлайна теперь встроен в Figma Design. Ключевые кадры, пресеты анимации и переменные для движения позволяют создавать анимированные компоненты, которые путешествуют вместе с дизайн-системой. Анимации экспортируются в форматах CSS, JSON и React. Дизайн-агент может генерировать стартовые ключевые кадры по текстовому запросу.

Шейдерные заливки и эффекты. AI-генерируемые процедурные эффекты — визуальные обработки, создаваемые алгоритмически, а не через статические настройки — настраиваются через параметризованные элементы управления и накладываются на другие эффекты. Они конвертируются в код и распространённые форматы экспорта.

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

Обновлённый дизайн-агент. Агент теперь поддерживает пользовательские «навыки», упаковывающие повторяющиеся рабочие процессы в переиспользуемые инструкции; пользовательские инструменты, созданные командами или взятые из библиотеки сообщества; а также коннекторы к внешним сервисам, включая Notion, Slack и GitHub.

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