Motion Potion
by Ivan Kovačević
Brew your Figma motion into Lottie, GIFs, and more.
Installs
33
Likes
2
Users
692
Views
78
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 allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF