Дизайн система motion

Для начала: я не столько про моушен, сколько про системы.

В начале 2025 года пытался автоматизировать производство микроанимаций: собрать библиотеку компонентов, которые можно было бы быстро адаптировать под посты, презентации и внутренние материалы.

В ход пошли автолэйауты, компоненты, настройки, костыли и весь накопленный шаманизм.

Главная боль была в экспорте. Приходилось открывать макет в режиме просмотра и записывать экран. Плагины были либо плохие, либо открывали собственный интерфейс.

Пробовали подключить моушен и собрать инструмент для графиков. Даже вместе с IT‑командой думали над собственным плагином. Посчитали. Поняли, что дорого. Отказались.

Сейчас нужный инструмент появляется внутри Figma.

Для дизайн‑систем это безумная штука. Теперь можно собирать библиотеки не только статичных, но и анимированных компонентов: для соцсетей, презентаций и рекламных экранов.

Теперь motion — часть дизайн-системы, а не отдельное производство, которое могут позволить себе только большие команды.

Фото снизу — анимация. Собранная в дизайн-систему. Позже покажу.

Дизайн система motion | Сетка — социальная сеть от hh.ru