Пайплайн Figma Motion → Flutter стал намного короче.

И, кажется, многие Flutter-команды этого ещё не заметили.

Figma Motion умеет экспортировать Animated SVG.

full_svg_flutter умеет рендерить этот Animated SVG прямо внутри Flutter-приложения.

• Без конвертации в Lottie.
• Без WebView.
• Без пересборки анимации на Flutter.
• Без промежуточного формата анимации.

Весь процесс может выглядеть буквально так:

Figma Motion → экспорт в Animated SVG → Flutter

Дизайнер делает анимацию.
Разработчик получает один файл .svg.
Flutter рендерит анимацию напрямую.

Годами поиск по запросам «Figma Motion to Flutter», «Figma animation export Flutter», «animated SVG Flutter» или «Flutter SVG animation» обычно выводил на очередной шаг конвертации.

• Lottie.
• Rive.
• JSON.
• Плагин.
• WebView.

Или анимацию приходилось пересобирать вручную.

Но если исходный ассет — уже Animated SVG, зачем его вообще конвертировать?

Именно для этого я и сделал full_svg_flutter.
Он поддерживает анимированный SVG прямо во Flutter, включая SMIL, CSS-анимации, трансформации, морфинг путей, маски, градиенты, фильтры, экспорты SVGator и управление воспроизведением.

А теперь, с Figma Motion, этот процесс становится куда интереснее.

Дизайнеры, добро пожаловать во Flutter.

Я написал подробный разбор: как работает цепочка Figma Motion → Animated SVG → Flutter, почему это важно для передачи анимации от дизайнера разработчику и что может быть дальше.

Читать статью

А если вы работаете в Figma Motion, пришлите мне свой самый сложный экспорт в Animated SVG.

Я правда хочу, чтобы вы попробовали сломать рендерер.