Figma выпустила встроенный инструмент Motion для создания анимаций с таймлайном и экспортом в код

Компания Figma выпустила интегрированный инструмент Motion для создания готовых к продакшену анимаций непосредственно в рабочем пространстве. Система предоставляет полноценный таймлайн с ключевыми кадрами, что позволяет точно контролировать свойства объектов и их поведение во времени. Пользователям доступны как базовые пресеты анимаций, так и функция автоматической записи изменений параметров, которая самостоятельно выстраивает кривые Безье для переходов.

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

Все созданные анимации опираются на реальный код, который разработчики могут инспектировать через Dev Mode и экспортировать в форматах CSS, JSON или компонентов React. При этом Figma добавила поддержку протокола MCP, что означает возможность прямой передачи точных параметров анимации, включая тайминги и кривые смягчения, внешним AI-агентам для написания кода. Также предусмотрен классический экспорт готовых секвенций в стандартные медиаформаты MP4, GIF и WebM.