Figma использует ИИ для анимации дизайнов по одному лишь описанию

26.06.2026 Опубликовано | Переведено с испанского

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

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

Интегрированное редактирование кода и визуальная автоматизация 🛠️

Обновление позволяет разработчикам изменять исходный код непосредственно с холста дизайна, синхронизируя изменения в реальном времени. ИИ интерпретирует команды, такие как анимировать кнопку с мягким отскоком, и генерирует переходы без ручного вмешательства. Это устраняет промежуточные шаги между прототипом и конечным продуктом. Для продуктовых команд это означает меньше переключений между инструментами, хотя требует проверки того, что ИИ неверно не истолковал сложные или неоднозначные инструкции.

Теперь ИИ также избавляет вас от драмы объяснения, чего вы хотите 😅

Если раньше вы тратили три часа, споря со своим дизайнером, должна ли кнопка быть небесно-голубой или океанской синей, то теперь вы просто говорите ИИ сделай её синей, как море, и он возвращает вам градиент с анимированными волнами. Конечно, потом вы обнаруживаете, что клиент хотел бассейновый синий, и вам приходится повторять запрос. Но, эй, по крайней мере, машина не закатывает глаза, когда вы меняете мнение в пятый раз.