Figma AI генерирует анимацию и шейдеры по текстовому описанию прямо на холсте

Figma, главный онлайн-редактор интерфейсов, на конференции Config объявила о серии обновлений. Суть: холст (canvas) превращается в полноценную среду разработки, где команда, ИИ-агенты (программы, выполняющие задачи по инструкции), инструменты и материалы собраны в одном месте. Об этом сообщила сама компания на своём сайте.

Что появилось в Figma AI?

• Кодовые слои (Code Layers). Можно работать с кодом прямо на холсте Figma Design: клонировать репозитории, генерировать новые варианты с помощью ИИ-агента Figma, извлекать потоки в редактируемые дизайн-слои и синхронизировать изменения обратно в код. Раньше для этого приходилось переключаться между Figma и отдельным редактором кода.

• Анимация (Motion). Проектирование анимаций, переходов и 3D-трансформаций внутри Figma. Можно описать нужную анимацию текстом через промпт (текстовую инструкцию для ИИ), применить готовые стили-пресеты или настроить вручную на таймлайне. Анимации привязаны к дизайн-системам, подкреплены кодом и готовы к экспорту.

• Шейдеры (Shaders). Визуальные эффекты и заливки на основе WebGPU (технология, позволяющая браузеру использовать видеокарту для сложной графики). Эффекты, которых раньше в Figma не было: дизеринг, пикселизация, разные типы размытия. Создаются по промпту прямо на холсте.

• Figma Weave. Более 20 интегрированных инструментов для генерации визуала. Сложные ИИ-потоки превращаются в простые инструменты на холсте. Компания называет это первым шагом к полной интеграции Figma и Figma Weave, ожидаемой до конца года.

• Навыки агента и расширенный контекст. Повторяющуюся работу можно превратить в «навыки» (skills), которыми пользуется вся команда. Подключаются сторонние коннекторы, веб-поиск и вложенные файлы для дополнительного контекста.

• Генеративные плагины. Пользовательские плагины, которые создаёт сам ИИ-агент по промпту. Их можно дорабатывать и передавать коллегам без навыков программирования и без настройки среды разработки.

Обновления по анимации и шейдерам показательны тем, что промпт на естественном языке заменяет ручной код: описал «плавное появление карточки с размытием фона», получил результат, не покидая Figma.

Как попробовать?

1. Откройте Figma в браузере или десктопном приложении и убедитесь, что у вас последняя версия.
2. Найдите новые инструменты Motion и Shaders на холсте Design. Для анимации используйте чат-интерфейс Figma AI: опишите нужный эффект текстом.
3. Для кодовых слоёв подключите репозиторий через меню Code Layers и попробуйте сгенерировать вариант через агента Figma.
4. Подробности обо всех обновлениях компания предлагает смотреть на официальном сайте Figma.

Есть ли подобное в российских инструментах?

Прямого аналога Figma AI с генерацией анимаций по промпту среди российских продуктов пока нет. YandexGPT и GigaChat работают с текстом и, частично, с изображениями, но не встроены в дизайн-редактор и не генерируют шейдеры или анимации.

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

Что это значит для вас по ролям?

Автору Дзена и копирайтеру. Figma AI позволяет оформить обложку или баннер с анимацией, описав желаемый результат словами. Не нужно осваивать After Effects или просить дизайнера, достаточно промпта.

Маркетологу. Генеративные плагины и навыки агента ускоряют типовые задачи: создание серии баннеров, адаптацию под разные форматы. Экономия на аутсорсе ощутима, если команда уже работает в Figma.

Предпринимателю в РФ. Инструменты доступны через браузер, но новые функции (Weave, шейдеры) пока не локализованы и работают на английском. Промпты при этом принимают описания на русском языке, что снижает порог входа.

Частые вопросы

Работает ли Figma AI на русском языке?

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

Нужно ли уметь программировать, чтобы пользоваться кодовыми слоями?

Figma заявляет, что генеративные плагины и навыки агента создаются без навыков разработки. Кодовые слои дают доступ к коду, но базовые сценарии (сгенерировать вариант, синхронизировать изменения) выполняет ИИ-агент по текстовому описанию.

Когда ждать полную интеграцию Figma и Figma Weave?

Компания указала, что полная интеграция ожидается до конца текущего года. Конкретную дату Figma не назвала.