Можно ли экспортировать прототип Figma в виде видео?

Как инструмент для проектирования, Figma не имеет себе равных. В нем много функций, он прост в использовании и бесплатен.

Но есть одна вещь, которую он делает не очень хорошо — это экспорт прототипов в виде видео.

Есть много причин, по которым вы можете захотеть экспортировать прототип Figma в виде видео. Возможно, вы хотите поделиться им с кем-то, у кого нет Figma, или вы хотите разместить его в Интернете. Какова бы ни была причина, в Figma нет встроенного способа сделать это.

Однако это не значит, что это невозможно. Есть несколько обходных путей, которые позволят вам экспортировать ваш прототип Figma в виде видео.

Метод 1: Запись экрана.

Самый простой способ экспортировать прототип Figma в видео — это записать свой экран во время взаимодействия с прототипом. Существует множество инструментов для записи экрана, как бесплатных, так и платных. Мы рекомендуем использовать Loom, который является бесплатным и простым в использовании.

СОВЕТ: При экспорте прототипа Figma в виде видео следует помнить о нескольких моментах. Во-первых, видео будет экспортироваться только со скоростью 30 кадров в секунду, поэтому анимация в вашем прототипе будет выглядеть более четкой в видеоверсии. Кроме того, любой звук, который является частью вашего прототипа, не будет экспортирован вместе с видео. Наконец, экспортируется только видимая в данный момент область вашего прототипа, поэтому если у вас есть элементы за пределами экрана, они не будут включены в видео.

После установки Loom откройте прототип Figma в браузере и нажмите «Записать видео» в приложении Loom. Затем просто взаимодействуйте с прототипом, как обычно. Когда закончите, нажмите «Остановить запись», и Loom автоматически сохранит ваше видео.

Метод 2: Использование онлайн-сервиса.

Если вы не хотите устанавливать программное обеспечение, существуют онлайн-сервисы, позволяющие записывать экран и экспортировать видео. Один из наших любимых сервисов — CloudApp. У него есть бесплатный тарифный план, позволяющий записывать до 5 минут видео.

Метод 3: Использование QuickTime Player (только для Mac).

Если у вас Mac, вы можете использовать QuickTime Player для записи экрана и экспорта видео. Откройте QuickTime Player и выберите «Новая запись экрана» в меню «Файл». Затем нажмите на стрелку рядом с кнопкой «Запись» и выберите прототип Figma из выпадающего меню.

(Рисунок 1: Выбор прототипа Figma в QuickTime Player)

(Рисунок 2: Запись вашего экрана в QuickTime Player)

Как только вы начнете запись, QuickTime будет записывать все, что происходит на вашем экране, включая ваши действия с прототипом Figma.

Чтобы остановить запись, нажмите Command + Control + Esc (Escape). QuickTime предложит вам сохранить запись.

Метод 4: Используйте расширение.

Если вы не против потратить несколько долларов, существуют расширения, которые позволят вам экспортировать ваши прототипы Figma в виде видео.

Одним из наших любимых является ScreenToGif. Оно доступно как для Windows, так и для macOS и позволяет экспортировать GIF-файлы или видео в формате MP4.

Другой хороший вариант — LiceCap, который доступен только для Windows.

И ScreenToGif, и LiceCap имеют бесплатные пробные версии, поэтому вы можете попробовать их перед покупкой.

Вывод: