Motion Export

Motion Export: Figma animations → production code + GIF + WebMNow with Figma Motion support. Built your animation on Figma's new Motion timeline (open beta from Config)? We read the real keyframe timeline — every keyframe, every track, every easing — and hand it back as code or video. Classic prototype transitions work too.

That 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 itTry every feature free: 5 code exports and 2 video exports, no credit card.

Supports:• Figma Motion timelines (open beta) — real keyframes, per-property tracks, per-keyframe easing• Smart Animate (actually works — per-layer compositing, not a dissolve)• GIF export — share animations in Slack, Notion, email• WebM export — high-quality video; transparent background on board exports (full fidelity, rendered by Figma itself)• Full prototype sequences — export an entire flow as one GIF or WebM (Pro)• Spring physics — exact in Framer Motion and video; closely approximated in CSS• All easing curves & custom cubic-bezier values• CSS, React, Vue, Framer Motion, React Spring, Vanilla JSWhy it's different:

Your animation becomes production code, not a spec. Timing, easing, and keyframes carry over faithfully — Framer Motion and the video export reproduce springs exactly, while CSS approximates them with a close bezier. And when you need to share it visually, one click gives you a GIF or WebM that loops cleanly — even across multiple screens.

No more "close enough" implementations. No animation handoff docs. No screen recordings. Just working code and shareable media.

Pricing:

Free: 5 code exports + 2 video exports (GIF/WebM)Pro: $9.99 once — unlimited code and video, plus sequence and full-board export