Motion Potion
Brew your Figma motion into Lottie, GIFs, and more.
Plugin 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.
Plugin Details
| Version | 1 |
|---|---|
| Created | June 10, 2026 |
| Last Updated | June 10, 2026 |
| Category | Import & export plugins |
| Creator | Ivan Kovačević |
| Stats | 19 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Fetches externally-hosted Lottie (.json/.lottie) animations referenced in component descriptions so they can be previewed in the plugin.
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Import & export plugins category.
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes
Export/Import Variables
Export variables from one file and import them to another. Supports modes, references, and scopes.