EasyLottie
От Figma до Lottie

Figma Анимация в Lottie

Разработана анимация в Figma (Figma Motion / Smart Animate)? Экспортируйте её в формате SVG, WebM или GIF и преобразуйте в Lottie, которую ваши разработчики могут использовать — бесплатно, прямо в браузере, с использованием векторной графики, где это возможно. Ничего не загружается.

SVG → true векторный LottieWebM / GIF поддерживаются100% локальноНет необходимости в регистрации
Figma Motion анимация конвертирована в Lottie JSON, пакет, веб и приложение.

Почему конвертировать анимации из Figma в Lottie?

Figma может экспортировать анимацию как SVG, WebM или GIF — но разработчики используют Lottie. EasyLottie преобразует SVG с ключевыми кадрами CSS в векторную Lottie и сохраняет локально SMIL SVG таймлайны как прозрачные кадры; WebM и GIF используют одну и ту же встроенную систему конвертации.

Как преобразовать анимацию из Figma в Lottie

  1. 1
    Экспорт из Figma
    Экспортируйте свою анимацию/прототип в виде анимированного SVG (или WebM / GIF).
  2. 2
    Поместите его
    Перетащите файл в инструмент выше. Все работает локально в вашем браузере.
  3. 3
    Получите векторный Lottie
    Анимированные SVG-файлы конвертируются в настоящий векторный Lottie, который можно просмотреть в реальном времени. WebM/GIF передаются в раздел «Видео → Lottie» конвертер.
  4. 4
    Скачать и отправить
    Скачайте файл .json и добавьте его в свой проект веб/приложения — без использования After Effects.
Редактирование цвета SVG

Просто нужно перекрасить ваш SVG в Figma?

Измените цвета экспортированного SVG из Figma в анимации бесплатно — обнаружите все цвета, перекрасьте с помощью живой предварительной просмотра, сохраняющей анимацию, а затем скачайте.

Открыть SVG Color Changer

Часто задаваемые вопросы

Могу ли я преобразовать анимацию из Figma в Lottie бесплатно?

Да. EasyLottie конвертирует экспорт анимации из Figma (SVG/WebM/GIF) в Lottie бесплатно, полностью в вашем браузере, без регистрации и загрузки файлов.

Производит ли оно настоящий векторный Lottie из SVG?

Да. Анимированный SVG (экспорт CSS @keyframes из Figma) конвертируется в настоящий векторный Lottie — компактный и независимый от разрешения — а не в растровый обёрт.

Что насчёт экспорта в формат WebM или GIF?

WebM и GIF — это растровые видео; конвертируйте их с помощью нашего Video → Lottie конвертера, который работает с MP4, MOV, WebM, GIF и последовательностями изображений.

Загружен ли мой файл?

Нет. Все преобразования выполняются локально в вашем браузере — ваш дизайн никогда не покидает ваше устройство.

Сопутствующие инструменты

Видео → LottieОткрыть инструмент →Lottie Предварительный просмотрОткрыть инструмент →Изменение цвета SVGОткрыть инструмент →Сменщик цветаОткрыть инструмент →

Руководство: Как преобразовать анимацию в Figma в Lottie (без использования After Effects) →