Motion и анимация

Микроанимации, переходы, интерактивные состояния, motion-принципы и анимация, которая помогает интерфейсу, а не отвлекает.

16.07.2026 39 мин

Figma Motion + AI: 10 промптов, которые оживят макет и усилят портфолио

Статичный макет может быть аккуратным и визуально сильным, но всё равно ощущаться как набор картинок. Пользователь не видит, как карточка раскрывается, куда уходит старый контент и что происходит после нажатия. Заказчик смотрит на двенадцать фреймов и вынужден собирать продукт у себя в голове. Короткая анимация показывает иерархию, реакцию системы и характер продукта. В портфолио она отделяет «я нарисовал экран» от «я спроектировал поведение». А Figma Motion теперь позволяет собирать движение на таймлайне, генерировать ключевые кадры через Figma Agent и передавать точные параметры в разработку через MCP. Ниже — пошаговый процесс, десять универсальных промптов и отдельная копируемая инструкция для AI-агента: переходы между экранами, нажатия, hover, loading, success, error, reduced motion и обязательный QA. Главное ограничение одно: движение должно объяснять интерфейс, а не превращать его в презентацию, где летает каждый второй заголовок.