Motion Export
Stop recreating animations. Export them.
Plugin Preview
About this plugin
Motion Export: Figma animations → production code + GIF + WebMThat hover animation you prototyped? Export it as copy-paste code. Download it as a GIF to share in Slack. Export a WebM to drop into your presentation. No rebuild needed.How it works:Scan your Figma prototype → Pick an animation → Export as code, GIF, or WebM → Ship itSupports:• Smart Animate (actually works)• Spring physics (exact settings preserved)• All easing curves & beziers• CSS, React, Vue, Framer Motion, Vanilla JS• GIF export (Pro) — share animations in Slack, Notion, email• WebM export (Pro) — high-quality video for presentations and docsWhy it's different:Your animation becomes production code, not a spec. Timing, easing, springs—everything matches your prototype to the millisecond. And when you need to share it visually, one click gives you a GIF or WebM that loops cleanly.No more "close enough" implementations. No animation handoff docs. No screen recordings. Just working code and shareable media.Pricing:Free: 5 code exportsPro: $9.99 — unlimited code exports + GIF + WebM
Plugin Details
| Version | 6 |
|---|---|
| Created | August 30, 2025 |
| Last Updated | March 22, 2026 |
| Category | Software development |
| Creator | musaid |
| Stats | 94 installs, 8 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:build/ui.js
- main:build/main.js
- Document Access:dynamic-page
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.