Skip to content
Lottie-Lite Animator

Lottie-Lite Animator

by Adnan Shahid

Create and export production-ready Lottie animations directly from Figma, no After Effects required.

FreecooperFigmaSlidesFigJam

Installs

76

Likes

4

Users

665

Views

127

Preview

Lottie-Lite Animator 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.

More prototyping & animation plugins plugins

View all