Lottie Flow – Import Lottie JSON to Figma Components

About this plugin

🎬 Lottie Flow — Import Lottie JSON to Figma ComponentsTurn any Lottie JSON animation into a fully interactive Figma component with auto-wired prototype transitions. No more static mockups — bring real motion into your designs.━━━━━━━━━━━━━━━━━━━✦ HOW IT WORKS1. Upload your .json Lottie file (or browse the Global Library)2. Preview the animation with Play / Pause / Stop controls3. Click "Import Component" — done!Lottie Flow extracts every frame, converts them to Figma vectors, builds a component set with variants, and auto-connects prototype interactions so the animation plays natively inside Figma.━━━━━━━━━━━━━━━━━━━✦ KEY FEATURES→ Drag & drop Lottie .json import→ Live animation preview (light & dark mode)→ Converts to Figma component set with frame variants→ Auto-wired prototype connections for smooth playback→ Preserves original aspect ratio & proportions→ Frame dropping option to reduce file size→ Built-in Global Library to browse animations→ Export / Download Lottie JSON directly→ Works with any Lottie JSON file━━━━━━━━━━━━━━━━━━━✦ PERFECT FOR• Designers presenting animated prototypes to clients• Adding micro-interactions and loading states to mockups• Building animated icon libraries inside Figma• Previewing and testing Lottie animations before development━━━━━━━━━━━━━━━━━━━✦ HOW THE ANIMATION WORKS IN FIGMAEach Lottie frame becomes a component variant (Frame=1, Frame=2, Frame=3...). The plugin auto-connects them with "After Delay" prototype triggers so they cycle seamlessly — creating smooth animation playback in Figma's presentation mode.━━━━━━━━━━━━━━━━━━━Made with 🖤 by superfiles.inQuestions or feedback? Reach out at superfiles.in