Motion

Плагин Motion позволяет создавать анимацию в Фигме. Экспорт GIF, спрайтов или кадров 24/60 кадров в секунд

Воспроизведение

• Чтобы воспроизвести анимацию, нажмите кнопку воспроизведения или нажмите [Пробел]. Чтобы остановиться — снова нажмите на кнопку или нажмите [Пробел].
• Вы можете указать, как будет работать остановка. Она может приостановить анимацию или перейти к началу. Для настройки перейдите в Меню / Настройки / Воспроизведение.
• Если предварительный просмотр анимации запаздывает, вы можете настроить 24/60 кадров в секунду в Меню / Настройки / Воспроизведение. Не волнуйтесь, это не повлияет на экспорт.

Добавить/удалить ключевые кадры

Есть несколько способов добавить ключевые кадры. первый — это двойной щелчок по любому свойству на временной шкале в нужное время. Следующий — кликнуть на розовом ключевом кадре на любом имени свойства. В этом случае ключевой кадр будет добавлен на текущую позицию времени. Еще один способ — нажать на кнопку «Добавить ключевой кадр» из выпадающего меню на шкале времени. Клавишный кадр получит текущее значение узла.

Для удаления ключевого кадра или ключевых кадров нажмите кнопку [Backspace]/[Delete] keyframe или нажмите кнопку ’Delete keyframe’ из выпадающего меню на ключевом кадре.

Свойства ключевых кадров

Можно задать значение ключевого кадра, ослабление и, в некоторых случаях, точку привязки.

Свойства X, Y и Rotation относятся к опорной точке узла. Очень важно понимать этот факт. Значение, которое вы видите в панели свойств, является относительным по отношению к точке привязки узла. Это общее для свойств X, Y и Rotation.

Экспорт

• Вы можете экспортировать свою анимацию любым способом.
• GIF. Он экспортирует файл @1x.gif. Вы можете установить 24/60 fps и параметры петли в Меню / Настройки / Экспорт.
• Спрайты. Он экспортирует файл @2x.png со всеми кадрами. Вы можете установить 24/60 кадров в секунду в Меню / Настройки / Экспорт.
• Кадры. Будет экспортирован zip-файл с файлами @2x.png со всеми кадрами. Параметры 24/60 кадров в секунду можно задать в Меню / Параметры / Экспорт.

Горячие клавиши

• [Главная] — запустите.
• [Конец] — конец.
• [Клавиши со стрелками] — вперед/назад на 100 мс.
• [Клавиши со стрелками + Ctrl] — вперед/назад на 10 мс.
• [Клавиши со стрелками + Shift] — движение вперед/назад на 500 мс.
• [Ctrl+T] — установка времени.
• [Двойной щелчок] на шкале времени — добавить ключевой кадр.
• [Backspace]/[Delete] — удалить ключевые кадры.
• [Перетаскивание] — передвинуть ключевой кадр на 100 мс.
• [Drag + Ctrl] — перемещение ключевого кадра на 10 мс.
• [Ctrl + C] — копировать ключевой кадр.
• [Ctrl + V] — вставить ключевой кадр.
• [Drag + Alt] — копировать ключевой кадр и перемещать на 10 мс.
• [Ctrl + E] — экспорт GIF.