Lottie-Lite Animator

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 & Spinners

Success/Error States

Icon Animation

🛠 How to use:

1. Open Lottie-Lite Animator.
2. Select any vector layer, group, or frame.
3. Choose an animation style (e.g., "Spin" or "Trim Path").
4. Adjust timing and easing.
5. Click Export JSON.