13 плагинов для создания и настройки анимаций в Figma

Плагины будут полезны для создания продвинутых прототипов, микровзаимодействий и сложных анимаций, включая настройку плавности и скорости, а также экспорт в популярных форматах
Дарья Райт
Дарья Райт
Ведущий редактор в «Оди» в 2022–2024 годах

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

Figmotion

Motion — позволяет добавлять в интерфейс взаимодействия, впечатляющие эффекты или анимации персонажа для мобильной игры. Пошаговая инструкция со скриншотами Как создать ультра-плавные анимации в плагине Figma Motion. Автор рассказывает об интерфейсе плагина и объясняет основы анимации на примере загрузчика, прыгающего круга и всплывающего сообщения

Motion

Aninix — помогает создавать продвинутые анимации интерфейса и экспортировать готовые спецификации для разработчиков. Видеообзор на русском языке

Aninix

Physics animation — создаёт реалистичную анимацию падения фигур (аналог плагина Newton для After Effects). Доступен экспорт в форматы WebM, GIF и SVG

Physics animation

SUPA — превращает макеты в видео. Пригодится, например, для разработки анимированных баннеров

SUPA

LottieFiles — позволяет создавать анимации в lottie-формате или использовать готовые анимации из библиотеки Lottie

LottieFiles

Beatflyer Lite — помогает анимировать слои в несколько кликов, применяя интересные эффекты. Руководство по использованию

Beatflyer Lite

Bannerify Banner Studio  анимирует и экспортирует готовые баннеры из Figma в HTML, GIF и видео. Подробный обзор плагина

Bannerify Banner Studio 

GiffyCanvas — позволяет собирать GIF-анимации из статичных фреймов. Можно генерировать GIF с прозрачным фоном

GiffyCanvas

Flipbook Animator GIF — анимирует фреймы. Можно менять скорость анимации, переключать анимацию с последнего кадра на первый и экспортировать в GIF-файл

Flipbook Animator GIF

eezin — помогает настраивать плавность анимации в прототипах с помощью кривых ускорения

eezin

Jitter— позволяет импортировать проект в Jitter для анимации и экспорта в видео или GIF. Jitter — простой бесплатный веб-сервис для создания интерфейсной анимации

Jitter

SVG motion — помогает создавать простые векторные анимации

SVG motion
Поделиться
Отправить
Запинить

Обсуждение