Skip to content
Motion Potion

Motion Potion

by Ivan Kovačević

Brew your Figma motion into Lottie, GIFs, and more.

FreeFigmaDev Mode

Installs

33

Likes

2

Users

692

Views

78

Preview

Motion Potion preview

About this plugin

Motion Potion finds the motion in your Figma file and gets it out — no matter what form it takes.

What it does• Smart Animate → Lottie: scans the page for Smart Animate prototype transitions (including multi-step chains and loops) and converts them to clean Lottie (bodymovin) JSON.• Animation assets: rounds up animated content already in the file — Lottie files linked from component descriptions and embedded GIF fills.• Built-in preview: play, pause, restart, loop, and scrub any result before you export.• One-click download: grab a single Lottie/asset, or export everything at once.

How to use it1. Run Motion Potion on a page with a Smart Animate prototype or animated assets.

2. Pick a sequence to convert, or browse the Animation assets panel.

3. Preview it, then download the .json (or all assets at once).

Good to knowOutput is image-based Lottie: layer artwork is rasterized and its transforms (position, scale, rotation, opacity) are animated — visually exact at each captured frame. Easing and spring curves are preserved. Mid-tween shape/color/text changes aren't represented yet. Video fills aren't supported (Figma's API doesn't expose video bytes); embedded GIFs are.

More import & export plugins plugins

View all