Анимация макета из Figma за вечер

Есть сервис, в котором можно анимировать свой макет прямо из Figma. Интерфейс простой, разбираться долго не придётся: за вечер получится ролик, который не стыдно показать клиенту.

Что делать

• Зарегистрируйтесь на jitter.video и нажмите кнопку «Import from Figma».
• В Figma найдите плагин «Jitter — Animation from Figma» и нажмите «Copy».
• Вернитесь в Jitter: ваш фрейм откроется во встроенном редакторе.
• Выберите любой элемент и перейдите в настройки анимации — там большой набор готовых вариантов.
• Экспортируйте результат в видео или GIF и покажите клиенту.

Зачем это дизайнеру

Статичный макет клиент читает глазами, анимированный — чувствует. Согласование проходит быстрее, а презентация выглядит дороже. Если анимацию потом нужно перенести на сайт, это уже другая история — про код, и как раз о ней библиотека анимаций ниже.

«Дизайн — это не только то, что вы видите, но и то, что чувствуют ваши пользователи». Сьюзан Уэйншенк