Обзор главных обновлений Figma после ежегодной конфы #Config 2026

Figma Config 2026 стал одним из самых масштабных обновлений платформы за последние годы. Figma представила новые инструменты, которые объединяют дизайн, код, анимацию, генеративный ИИ и совместную работу прямо на одном холсте.

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

Раньше дизайн и разработка часто существовали отдельно: дизайнер собирал макет, затем передавал его разработчику, а тот пытался воспроизвести интерфейс в коде. Теперь Figma предлагает другой подход — считать код таким же материалом для дизайна, как текст, изображения, векторные объекты или компоненты.

С помощью Code Layers можно превратить дизайн-слой в интерактивный кодовый элемент. Это позволяет создавать рабочие интерфейсы, экспериментировать с логикой, сравнивать несколько вариантов рядом друг с другом и обсуждать их с командой прямо внутри файла.

Например, дизайнер может создать экран приложения, а затем быстро превратить его в интерактивный прототип с реальными состояниями, анимациями и поведением интерфейса.

Также Figma позволяет двигаться в обе стороны:

• превращать дизайн в кодовый слой;
• извлекать из кода редактируемые дизайн-слои;
• обновлять код после изменений в макете;
• создавать несколько вариантов интерфейса параллельно;
• работать с разработчиками и дизайнерами в одном пространстве.

Это важный шаг в сторону более тесной интеграции между дизайном и фронтенд-разработкой.

Ещё одно большое обновление — Figma Motion. В Figma Motion появился таймлайн, ключевые кадры, пресеты, кривые анимации и другие инструменты для работы с движением.

С помощью Figma Motion можно:

• анимировать интерфейсы;
• создавать микроанимации;
• настраивать переходы между экранами;
• добавлять движение в компоненты дизайн-системы;
• собирать рекламные и презентационные ролики;
• создавать анимированные прототипы;
• экспортировать анимацию в MP4, WebM, GIF и Animated SVG.

Особенно важна интеграция с Dev Mode. Разработчики смогут видеть параметры анимации: длительность, easing, keyframes и другие настройки. Это снижает количество ошибок при передаче дизайна в разработку и делает motion частью дизайн-системы.

Figma также заявляет поддержку CSS, JSON и React-форматов, а в будущем анимацию можно будет передавать напрямую AI-агентам для реализации в коде.

Шейдеры — это визуальные эффекты, которые могут создавать сложные текстуры, свет, шум, градиенты, частицы, искажения и другие динамические материалы. Раньше подобные эффекты требовали навыков работы с кодом, 3D-графикой или специализированными программами.

Теперь пользователь может описать желаемый эффект текстом или загрузить изображение-референс, а Figma Agent поможет создать нужный шейдер.

Например, можно попросить Figma сделать:

• эффект зернистой плёнки;
• жидкий градиент;
• голографическую текстуру;
• эффект печати ризографом;
• свечение;
• частицы;
• интерактивный фон;
• стилизацию под металл, стекло, пластик или ткань.

Созданные эффекты можно настраивать прямо на холсте: менять интенсивность, цвет, скорость, масштаб, направление и другие параметры.

Это открывает новые возможности для веб-дизайна, бренд-дизайна, постеров, интерфейсов, лендингов и экспериментальной графики.

Теперь дизайнер может просто описать, какой инструмент ему нужен.
Например:

• «Сделай плагин, который автоматически создаёт карточки товаров для маркетплейсов»;
• «Создай инструмент для генерации вариантов рекламных баннеров»;
• «Сделай плагин для проверки контраста текста»;
• «Создай генератор QR-кодов в фирменном стиле»;
• «Собери инструмент для автоматической расстановки изображений в макете».

Figma Agent сможет создать такой инструмент прямо внутри рабочего процесса.

Это особенно полезно для дизайнеров, маркетологов, контент-команд и продуктовых команд, у которых есть повторяющиеся задачи. Вместо того чтобы ждать разработчика или искать готовый плагин, можно быстро создать собственный инструмент под конкретный процесс.

В будущем такие плагины можно будет публиковать для команды, организации или всего сообщества Figma.

Вместо одного запроса к нейросети дизайнер получает полноценный процесс, который можно редактировать, повторять, улучшать и использовать снова.

Например, в Figma Weave можно создать цепочку:

1. Загрузить фотографию товара.
2. Удалить фон.
3. Применить фирменный стиль.
4. Сгенерировать несколько рекламных вариантов.
5. Добавить текст и графику.
6. Подготовить материалы для социальных сетей или маркетплейсов.

Figma Weave особенно полезен для команд, которые работают с большим количеством визуального контента: маркетинг, e-commerce, SMM, брендинг, рекламные кампании, презентации и контент для социальных сетей.

Одной из ключевых функций становится перенос стиля. Можно взять визуальный стиль одного изображения и применить его к другому материалу — например, адаптировать рекламные баннеры под новую кампанию, сохранив единый визуальный язык бренда.

В отличие от обычного чат-бота, Figma Agent работает с контекстом дизайн-файла. Он может видеть структуру макета, компоненты, стили, изображения, тексты, дизайн-систему и другие элементы проекта.

Figma Agent можно использовать для разных задач:

• генерации экранов и интерфейсов;
• создания компонентов;
• работы с текстами;
• проверки контраста и доступности;
• создания анимаций;
• генерации шейдеров;
• создания плагинов;
• подготовки макетов к передаче в разработку;
• поиска информации в подключённых сервисах;
• работы с брифами, исследованиями и файлами.

Это наборы инструкций, которые позволяют настроить агента под стиль работы команды.

Например, можно создать Skill, который объясняет агенту:

• как оформлять кнопки;
• какие цвета использовать;
• какие отступы приняты в дизайн-системе;
• как создавать карточки товаров;
• как оформлять презентации;
• как готовить баннеры для рекламы;
• как соблюдать tone of voice бренда.
• Также Figma Agent можно подключать к внешним сервисам: Notion, Slack, GitHub, Atlassian, Hex, Granola и другим инструментам команды.

Теперь дизайнеру не обязательно выбирать между «я делаю макеты» и «я работаю с кодом». Можно создавать интерфейсы, добавлять интерактивность, анимацию, генеративные эффекты и собственные инструменты в одном пространстве.

Для дизайнеров это означает:

• меньше переключений между разными программами;
• более быстрый путь от идеи до результата;
• больше возможностей для экспериментов;
• более тесную работу с разработчиками;
• возможность создавать собственные AI-инструменты;
• развитие навыков, которые будут востребованы в дизайне будущего.

Config 2026 показывает, что Figma делает ставку на новый формат работы: дизайн, код, анимация и нейросети больше не существуют отдельно друг от друга.

• Code Layers позволяют работать с кодом как с материалом на холсте.
• Figma Motion добавляет полноценную анимацию и таймлайн.
• Shader fills и effects дают новые визуальные возможности.
• Generative Plugins позволяют создавать собственные инструменты через AI.
• Figma Weave помогает собирать генеративные визуальные процессы.
• Figma Agent становится помощником, который понимает контекст проекта и правила команды.

Figma 2026 — это не просто обновление функций. Это попытка изменить сам подход к дизайну: от статичных макетов к живым, интерактивным и постоянно развивающимся цифровым продуктам.