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

Figma представила ряд обновлений продуктов на своей ежегодной конференции Config, призванных помочь творческим специалистам «продвигать свои идеи дальше» и автоматизировать рутинные задачи с помощью искусственного интеллекта.
Ключевое новшество — переработанный холст, оптимизированный для полной разработки, который объединяет команды, ИИ-агентов, инструменты и материалы «в одном месте». Среди заметных функций — слои кода, позволяющие редактировать код проектов прямо на холсте Figma Design, не покидая его. Кроме того, ИИ-анимация позволяет создавать эффекты движения и переходы, просто описав их в чат-интерфейсе Figma.
Были представлены следующие новые творческие материалы:
- Слои кода: работа с кодом прямо на холсте Figma Design — клонирование репозиториев, создание новых направлений с помощью агента Figma, извлечение потоков в редактируемые слои дизайна и синхронизация изменений обратно в код.
- Анимация: создание анимаций, переходов и 3D-трансформаций совместно в Figma. Используйте подсказки для создания анимации с помощью ИИ, применяйте готовые стили или настраивайте вручную на временной шкале. Анимация привязана к системам дизайна, поддерживает код и готова к публикации.
- Шейдеры: создание шейдерных эффектов и заливок по подсказкам на базе WebGPU. Эффекты, ранее недоступные в Figma, такие как дизеринг, пикселизация и различные типы размытия, теперь можно создавать прямо на холсте.
- Рабочие процессы Figma Weave: создание согласованных высококачественных визуальных элементов с помощью более 20 встроенных инструментов Weave, превращающих сложные ИИ-процессы в простые инструменты на холсте. Это первый шаг к полной интеграции Figma и Figma Weave, которая ожидается позднее в этом году.
Новые интеллектуальные инструменты для команд и агентов:
- Навыки агента и более глубокий контекст: превращайте повторяющиеся задачи в навыки, которые вся команда может использовать для более точной и последовательной работы. Добавляйте больше контекста с помощью сторонних коннекторов, веб-поиска и вложений файлов.
- Генеративные плагины: расширяйте возможности Figma, создавая собственные многоразовые плагины с помощью агента. Превращайте подсказки в инструменты, которые можно настраивать и делиться ими — без настройки разработчика или технических навыков.


