Question 1

What is a Lottie?

Accepted Answer

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.

Question 2

What does the LottieFiles plugin do?

Accepted Answer

The LottieFiles plugin converts your Adobe After Effects animation into a Lottie format file for use on the web and mobile. The plugin provides a smooth workflow for rapidly iterating on animations and testing feature support across different platforms. The LottieFiles plugin also seamlessly integrates with the LottieFiles platform. This allows you to upload, test and publish animations, as well as search for Lottie animations and download Adobe After Effects project files.

Question 3

How does the LottieFiles plugin differ from the Bodymovin plugin?

Accepted Answer

The LottieFiles plugin implements all the Lottie generation features of Bodymovin. We have gone further by crafting an optimized instant preview and test-on-mobile devices workflow for a quicker, more efficient iteration cycle. We also made it super easy to upload and privately share your animation with others at different points in development and added tools and features such as changing background color, reviewing Lottie file size and render performance graphs.

Question 4

What file formats does the plugin export my animation as?

Accepted Answer

With the LottieFiles plugin for Adobe After Effects you can export your animations in the Lottie JSON, Optimized Lottie JSON, dotLottie, Optimized dotLottie and Telegram Sticker (TGS) formats.

Question 5

Do I need to login to use the plugin?

Accepted Answer

Yes, to use the plugin you need to sign into your LottieFiles account.

Question 6

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

Accepted Answer

Yes you can. For mobile, there are 2 ways to preview your animation. 1. You can scan the QR code generated after uploading the animation on your mobile device 2. If you have connected your device to the plugin (and you can connect multiple) you can just select to push it to that device and then you’ll be prompted with a notification to open your LottieFiles app on that device. Open it up and watch your animation play! If you have multiple devices connected to the plugin you can choose to push the animation to either a select few or all your applications. This one click action can save you a lot of time when you’ve got a lot of devices to test on.

Question 7

Can I explore other Lottie animations within the plugin?

Accepted Answer

Yes, you can browse and search through all the Lottie animations on LottieFiles right from within the plugin itself by using the ‘Explore’ tab. After selecting an animation, you can download the Lottie file as well as its Adobe After Effects project (AEP) file. Downloading the animation’s AEP file gives you the ability to redesign the animation and change the layers you want.

Question 8

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

Accepted Answer

Not to worry, there’s a simple solution for this. In Adobe After Effects, go to Preferences > Scripting & Expressions. Under Application Scripting, select Allow Scripts to Write Files and Access Network.

Export Lottie animations right within After Effects

What's new

LottieFiles for After Effects:Perfect for creating and collaborating

Export Lottie from After Effects

Export Lottie from After Effects

Optimize your animations with Lottie Optimizer

Optimize your animations with Lottie Optimizer

Bulk render animations as Lottie

Bulk render animations as Lottie

Use Lottie Feature Checker to test compatibility

Use Lottie Feature Checker to test compatibility

Save your animations to your team's library

Save your animations to your team's library

Preview your animations instantly

Preview your animations instantly

Get started in 3 simple steps

Download the plugin

Install the plugin

Have fun creating animations 🥳

Tons of cool features on the After Effects LottieFiles plugin

Discover public animations

Custom background color

Scan QR and preview

Render graph

One click upload and share

Instant file size

dotLottie export support

Access private animations

Supported Features

Shapes

Fills

Strokes

Transform

Interpolations

Masks

Matte

Merge Paths

Layer Effects

Text

Others

Shapes

Fills

Strokes

Transform

Interpolations

Masks

Matte

Merge Paths

Layer Effects

Text

Others

How to get started

Download and install the plugin

Login to your LottieFiles account from within the plugin

Preview your Lottie animations instantly

Test across web & mobile devices

FAQs

What is a Lottie?

What is a Lottie?

What does the LottieFiles plugin do?

What does the LottieFiles plugin do?

How does the LottieFiles plugin differ from the Bodymovin plugin?

How does the LottieFiles plugin differ from the Bodymovin plugin?

What file formats does the plugin export my animation as?

What file formats does the plugin export my animation as?

What is Lottie Optimizer? How does it work?

What is Lottie Optimizer? How does it work?

Do I need to login to use the plugin?

Do I need to login to use the plugin?

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

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

Can I explore other Lottie animations within the plugin?

Can I explore other Lottie animations within the plugin?

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

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

Get ready to start making some Lottie magic

LottieFiles for After Effects:
Perfect for creating and collaborating