Skip to main content
Lottie6 min readNovember 2026

How do I convert an After Effects animation to Lottie?

Short answer

To convert After Effects to Lottie, install an exporter plugin (Bodymovin or LottieFiles for After Effects), build the animation with shape layers, then export the composition as Lottie JSON or dotLottie. Many After Effects effects and some layer types do not export, so check the result in a Lottie player before you hand it off.

Core Takeaway

  • Two common exporters: Bodymovin and the LottieFiles plugin for After Effects
  • Turn on "Allow Scripts to Write Files and Access Network" in After Effects preferences
  • Use shape layers; convert Illustrator layers with "Create Shapes from Vector Layer"
  • Most effects, particles and 3D features do not survive export
  • Always preview the exported file in a real player before shipping

After Effects does not export Lottie by itself. You need a plugin that reads your composition and writes the JSON. The original is Bodymovin, maintained by Hernan Torrisi. LottieFiles also has a plugin for After Effects that exports Lottie JSON and dotLottie and can import Lottie files back into After Effects.

Step by step

1. Install the plugin (Bodymovin through aescripts + aeplugins, or LottieFiles from its site). 2. In After Effects open Preferences > Scripting & Expressions and check "Allow Scripts to Write Files and Access Network". 3. Restart After Effects and open the plugin from Window > Extensions. 4. Select your composition, choose an output folder and format, and render. 5. Drop the file into a Lottie web player and play it on a phone.

Build it so it exports cleanly

Lottie is a vector format, so build with shape layers. Illustrator files should be converted with right-click > Create > Create Shapes from Vector Layer. Prefer simple transforms, trim paths, masks and mattes used sparingly, and solid colours or simple gradients.

Things that usually break or bloat the file: most effects (glows, blurs, distortions), particle plugins, 3D camera tricks, heavy expressions and embedded raster images. If you need them, render that part as video instead. The lottie-web README links to the list of supported features; check it before you design something complex.

Check the export

Look at file size, playback on a low-end Android phone, and whether colours and easing match. Very large files often come from embedded images or thousands of keyframes created by baked expressions. Removing those usually helps more than any optimiser.

If the animation needs to respond to taps, hovers or app state rather than just play, a state-machine tool may fit better than a timeline export. Rive and ExodeUI both work that way; we make ExodeUI.

Frequently asked questions

Is Bodymovin free?

Yes. Bodymovin is free and open source. The LottieFiles plugin for After Effects is also free to install; some LottieFiles features need an account or a paid plan.

Why does my exported Lottie look different from After Effects?

Usually because a feature is not supported, such as an effect, a blend mode or a 3D layer. Remove or replace it with shape animation and export again.

Can I export Lottie from After Effects without a plugin?

No. After Effects needs an exporter plugin. Online converters that accept .aep files exist, but they still run an exporter behind the scenes.

Should I export JSON or dotLottie?

dotLottie is compressed and can bundle images and several animations, so it is usually smaller. Use JSON if your player only supports JSON.

Related Guides & Examples

Bring a Lottie into an interactive file

Import an existing Lottie into ExodeUI and add states, inputs and spring physics.

Import Lottie
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →