Back to Plugins
Motion Potion

Motion Potion

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

Plugin 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.

Plugin Details

Version1
CreatedJune 10, 2026
Last UpdatedJune 10, 2026
CategoryImport & export plugins
CreatorIvan Kovačević
Stats19 installs, 1 likes
PricingFree

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:
    • *