Quick Start

Get started with Motion Export in less than 2 minutes. Export your first animation from Figma to production-ready code.

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

  1. →Run Motion Export from Plugins menu
  2. →Click "Scan for Animations"
  3. →Select the animations you want to export
  4. →Choose your target framework
  5. →Click "Export" and copy the generated code

💡 Pro Tip

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