Lottie-Lite Animator
Create and export production-ready Lottie animations directly from Figma, no After Effects required.
Plugin Preview
About this plugin
Stop struggling with After Effects just to make a spinner.Lottie-Lite Animator is the fastest way to turn static Figma icons and illustrations into lightweight, code-ready Lottie JSON files. Designed for developers and UI designers, it allows you to apply standard micro-interactions—like bounces, fades, spins, and stroke drawing—in seconds.Whether you need a loading spinner, a success checkmark, or a bouncing notification bell, Lottie-Lite handles the heavy lifting. Just select your layer, choose a preset, and export the .json file ready for iOS, Android, or Web.🚀 Key Features:Instant Presets: Apply Bounce, Spin, Fade, Slide, and Scale with one click.Vector Stroke Animation: Create "Trim Path" drawing effects for icons effortlessly.Group & Hierarchy Support: Animate entire groups or stagger child layers for complex effects.Live Preview: See your Lottie animation running in real-time inside Figma before exporting.Developer Ready: Exports standard, clean Lottie JSON optimized for lottie-web, iOS, and Android.Granular Control: Fine-tune duration, easing, and looping, or animate specific layers within a group.✨ Perfect for:Micro-interactions (Like buttons, Toggles)Loading Indicators & SpinnersSuccess/Error StatesIcon Animation🛠 How to use:Open Lottie-Lite Animator.Select any vector layer, group, or frame.Choose an animation style (e.g., "Spin" or "Trim Path").Adjust timing and easing.Click Export JSON.
Plugin Details
| Version | 1 |
|---|---|
| Created | January 13, 2026 |
| Last Updated | January 16, 2026 |
| Category | Prototyping & animation plugins |
| Creator | Adnan Shahid |
| Stats | 22 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Prototyping & animation plugins category.