Инструменты: Импорт макета из Figma
Об инструменте
Плагин Figma to Video позволяет вам превращать ваши рисунки Figma в анимированные видеоролики.
Плагин работает на базе редактора SUPA. Он помогает настроить первичную анимацию элементов выбранного фрейма из ваших проектов в Figma.
После выбора нескольких параметров изображения будут экспортированы в SUPA для дальнейшей работы с креативом в нашем сервисе. Затем вы сможете сохранить полученный результат.
Плагин работает на базе редактора SUPA. Он помогает настроить первичную анимацию элементов выбранного фрейма из ваших проектов в Figma.
После выбора нескольких параметров изображения будут экспортированы в SUPA для дальнейшей работы с креативом в нашем сервисе. Затем вы сможете сохранить полученный результат.
Установка плагина
Для перехода на страницу плагина в верхнем меню SUPA нажмите три точки “...”, а затем на кнопку “Плагин для Figma”.

На странице плагина авторизуйтесь в Figma удобным способом, нажав “Open in Figma” или “Log in”.

Нажмите кнопку “Open in”, а затем в выпадающем меню выберите файл из Figma, в котором нужно запустить плагин.

В окне описания плагина нажмите “Run” - это запустит плагин.

В дальнейшем можно будет запускать плагин непосредственно в Figma двумя способами:
● Menu - Plugins - “SUPA - Figma to video”
● Меню быстрого доступа “Resources” (SHIFT + i) - “SUPA - Figma to video”
● Menu - Plugins - “SUPA - Figma to video”
● Меню быстрого доступа “Resources” (SHIFT + i) - “SUPA - Figma to video”

Использование и настройки экспорта
После запуска плагина откроется окно предварительных настроек экспорта.
Здесь вам доступны следующие настройки:
● Выбор страницы из файла Figma
● Выбор фрейма из страницы
● Выбор типа анимации
● Выбор продолжительности анимации
● Окно предпросмотра
После выбора параметров анимации нажмите “Edit & Render Video” для экспорта креатива в SUPA.
Здесь вам доступны следующие настройки:
● Выбор страницы из файла Figma
● Выбор фрейма из страницы
● Выбор типа анимации
● Выбор продолжительности анимации
● Окно предпросмотра
После выбора параметров анимации нажмите “Edit & Render Video” для экспорта креатива в SUPA.

Вы будете перенаправлены на сайт SUPA, а после непродолжительной обработки экспортируемая анимация будет сохранена в вашем профиле. Нажмите на кнопку “Перейти к креативу”, чтобы открыть редактор SUPA.

Сохранение в SUPA
После экспорта материалов из Figma и успешной обработки в SUPA, полученный креатив автоматически сохраняется в разделе “Мои креативы” вашего профиля.
Вы можете изменить получившийся креатив, используя весь функционал редактора SUPA. А затем чего экспортировать его через меню “Скачать”.
Вы можете изменить получившийся креатив, используя весь функционал редактора SUPA. А затем чего экспортировать его через меню “Скачать”.
