Quick Start

Get started with Motion Export in less than 2 minutes. Export your first animation from Figma to production-ready code — or to a GIF or WebM video.

1️⃣ Install the Plugin

  1. →Open Figma and go to the Community tab
  2. →Search for "Motion Export"
  3. →Click "Try it out" to install the plugin
  4. →The plugin will appear in your Plugins menu

2️⃣ Create Your Animation

  1. →Design your frames with the elements you want to animate
  2. →Connect frames using Prototype mode
  3. →Choose your animation type (Smart Animate, Dissolve, etc.)
  4. →Set duration and easing

3️⃣ Export to Code or Video

  1. →Run Motion Export from Plugins menu
  2. →Click "Scan for Animations"
  3. →Select the animation you want to export
  4. →For code: pick a framework and copy the output. For video: choose GIF or WebM
  5. →Click "Export" — your code or video file is ready

💡 Pro Tip

Name your layers consistently when using Smart Animate. Motion Export matches elements by name to track property changes.