Background
Background
Background
LottieFiles

+

Adobe After Effects

Export Lottie animations right within After Effects

Export Lottie animations right within After Effects

Export Lottie animations right within After Effects

Export Lottie animations right within After Effects

Easily export your animations as Lottie JSON and dotLottie. Effortlessly test, preview and implement your Lottie animations across websites, apps and other platforms.

Easily export your animations as Lottie JSON and dotLottie. Effortlessly test, preview and implement your Lottie animations across websites, apps and other platforms.

LottieFiles for After Effects:
Perfect for creating and collaborating

Export Lottie from After Effects

Export Lottie from After Effects

Export your animations from Adobe After Effects to Lottie, the small yet versatile animation format.

Optimize your animations with Lottie Optimizer

Optimize your animations with Lottie Optimizer

We're all about 'Tiny but Mighty'! Our Lottie Optimizer further reduces your file sizes with no compromise to quality.

Bulk render animations as Lottie

Bulk render animations as Lottie

Bulk render multiple compositions as Lottie animations and save them to your team's workspace.

Use Lottie Feature Checker to test compatibility

Use Lottie Feature Checker to test compatibility

Check which Lottie features are used in your animations, and whether they’ll play across different platforms like web, Android and iOS.

Save your animations to your team's library

Save your animations to your team's library

Once rendered, seamlessly save your animations to your workspaces for quick and easy collaboration with your team.

Preview your animations instantly

Preview your animations instantly

Preview how your animations play across web and mobile in real-time as you continue to edit them.

Get started in 3 simple steps

Step 2

Install the plugin

Step 3

Have fun creating animations 🥳

Tons of cool features on the After Effects LottieFiles plugin

Tons of cool features on the After Effects LottieFiles plugin

Tons of cool features on the After Effects LottieFiles plugin

Discover public animations

Enjoy thousands of free animations made by the community.

Custom background color

Preview animations with any background color.

Scan QR

Scan QR and preview

Scan animations with the LottieFiles mobile app to preview them on your device.

Scan animations with the LottieFiles mobile app to preview them on your device.

Scan animations with the LottieFiles mobile app to preview them on your device.

Scan animations with the LottieFiles mobile app to preview them on your device.

Render graph

Render graph

Improve animations for better CPU utilization.

One click upload

One click upload and share

Upload and share animations with a single click.

Instant file size

Know how big files are when you’re previewing them.

dotLottie export support

Export animations to the super tiny dotLottie format.

Access private animations

Access your private animations directly within the plugin.

Supported Features

iOS

Android

Windows

Web (SVG)

Web (Canvas)

Web (HTML)

Shapes

Fills

Strokes

Transform

Interpolations

Masks

Matte

Merge Paths

Layer Effects

Text

Others

Android

iOS

Windows

Web (SVG)

Web (Canvas)

Web (HTML)

Shape

Ellipse

Rectangle

Rectangle

Polystar

Group

Repeater

Trim Path (individually)

Trim Path (simultaneously)

Offset Path

How to get started

How to get started

Download and install the plugin

Download from Adobe Exchange, aescripts, or in ZXP format and follow the installation guide to install.

Login to your LottieFiles account from within the plugin.

This will ensure all your private and public animation files from your account are synced.

This will ensure all your private and public animation files from your account are synced.

This will ensure all your private and public animation files from your account are synced.

This will ensure all your private and public animation files from your account are synced.

Preview your Lottie animations instantly.

Watch your animation play exactly how it's supposed to right from within Adobe After Effects.

Watch your animation play exactly how it's supposed to right from within Adobe After Effects.

Watch your animation play exactly how it's supposed to right from within Adobe After Effects.

Watch your animation play exactly how it's supposed to right from within Adobe After Effects.

Test across web & mobile devices.

Preview your Lottie animation not just on web but also on all your mobile devices too.

Preview your Lottie animation not just on web but also on all your mobile devices too.

Preview your Lottie animation not just on web but also on all your mobile devices too.

Preview your Lottie animation not just on web but also on all your mobile devices too.

FAQ

FAQ

What is a Lottie?

A Lottie is a JSON-based animation file format that allows you to ship animations on any platform as easily as shipping static assets. They are small files that work on any device and can scale up or down without pixelation. There are open-source and free Lottie players for the web, iOS, Android, Windows and other platforms.

What does the LottieFiles plugin do?

How does the LottieFiles plugin differ from the Bodymovin plugin?

What file formats does the plugin export my animation as?

What is Lottie Optimizer? How does it work?

Do I need to login to use the plugin?

Can I preview animations for web and mobile straight from within the plugin?

Can I explore other Lottie animations within the plugin?

My animation isn’t playing, it’s just stuck on ‘rendering’.