About Motion Importer
Motion Importer
The fastest way to get animation into Framer — free and code-free. One-click bridge to import animations, preview instantly, set playback triggers, and drop ready-to-play layers directly onto your canvas.
How It Works
Import — Paste Lottie JSON, upload a file, drop a URL, paste Figma Motion CSS, or choose a starter preset.
Adjust — Preview with play/pause/restart, customize speed, delay, and direction, then select your playback trigger.
Insert — One click places a playable layer on your canvas that works seamlessly on published sites.
Key Features
5 Import Paths: Lottie JSON, dotLottie (
.lottie), URL fetch, Figma Motion CSS, and GIF/MP4.4 Triggers: On load, scroll into view (once / every time + rewind), hover (pause / reset), and click-to-replay.
Live Controls: Live preview with controls for playback, speed, delay, and direction.
10 Starter Presets: Built-in presets to get started in seconds without external files.
Figma Motion CSS Parser: Smart parser with honest warnings for unsupported CSS properties.
Replace Flow: Swap animations on any inserted layer without creating duplicates.
Theme Support: Fully optimized for both dark and light modes.
Pricing & Availability
100% Free: Unlimited access to every import path and trigger.
Upcoming Updates: Scroll-scrubbing and custom animation libraries coming soon.
