LottieFiles for Adobe After Effects
-
Compatibility After Effects Please check exact version compatibility under the "COMPATIBILITY" tab below
Instant Lottie animation exports from After Effects
LottieFiles for After Effects: Perfect for creating and collaborating
Export Lottie from After Effects
Export your animations from Adobe After Effects to Lottie, the small yet versatile animation format.
Preview your animations instantly
Preview how your animations play across web and mobile in real-time as you continue to edit them.
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
Check which Lottie features are used in your animations, and whether they’ll play across different platforms like web, Android and iOS.
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.
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.
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 and preview
Scan animations with the LottieFiles mobile app to preview them on your device.
One click upload and share
Upload and share animations with a single click.
dotLottie export support
Export animations to the super tiny dotLottie format.
Render graph
Improve animations for better CPU utilization.
Instant file size
Know how big files are when you’re previewing them.
Access private animations
Access your private animations directly within the plugin.
How to get started
Download and install the plugin
The easiest way to install the plugin is by using the aescripts + aeplugins manager.
Alternatively, use the ZXP installer.
Login to your LottieFiles account from within the plugin.
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.
Test across web & mobile devices.
Preview your Lottie animation not just on web but also on all your mobile devices too.
Supported Features
To view the full list of After Effects features supported by the LottieFiles plugin, please visit https://lottiefiles.com/supported-features
NOTE: This extension requires allowing scripts to write files and access the network. This enables the extension to write the generated Lottie/dotLottie files to your file system and to access LottieFiles for login and accessing our repository of animations.
Tutorials
LottieFiles for After Effects or Bodymovin?
Which should I use, the Bodymovin extension or the LottieFiles for After Effects extension?
This is a common question that arises when starting to work with Lottie animations in Adobe After Effects and in this article we will clarify what each does and their role. If you're new to Lottie and you can learn more about it here.
The Bodymovin extension
This was the original extension published by Hernan Torrisi, the inventor and maintainer of the Lottie format. It is what introduced the Lottie format and leads the way in new features and changes for Lottie generation in After Effects. It currently exports to AVD, Zip, and Rive formats and also allows import of Lottie JSON to After Effects as well as allows users to preview and play the exported Lottie animation.
The LottieFiles for After Effects extension
This was created by LottieFiles, based on the open-source work by Hernan and the Lottie community, to improve the user experience and workflow of a user. The LottieFiles plugin does all key things that the Bodymovin plugin does and has several additional key features for better DX and workflow for animators and developers.
LottieFiles for After Effects lets users instantly preview their rendered animations across devices, making it easy for users to edit and make background changes, monitor animation performance and its size all for better control. It also integrates tightly with the designer/animator/developer workflow and even gives access to the Lottie community on LottieFiles right from within the plugin.
This integration with LottieFiles enables animators to easily share the progress of their work privately with clients and team members. The integration also allows animators to quickly test their animation on target Android and iOS devices with just a single click. Many animators find this extremely helpful due to the Lottie feature support disparity that currently exists between the dedicated platform specific players. Instantly previewing on the dedicated Android and iOS players helps animators ensure that their animations look and work the same across both platforms.
See below for a detailed list of additional features provided in the LottieFiles extension.
LottieFiles for After Effects List of features:
- Instantly preview your animation as a Lottie, playing in the Lottie player for the web right inside the extension panel.
- Render timing graph to help optimise Lottie file size and CPU performance.
- Upload the animation to LottieFiles as progress checkpoints and privately share and demo your uploaded animation with others.
- Test your animations across web, iOS and Android instantly by sending it directly to the LottieFiles Android and/or iOS apps to test on the platform specific players. Check performance and feature support within the apps to ensure your animation works smoothly.
- Search through 1000s of free public Lottie animations on the LottieFiles website, draw inspiration or download the AEP for the animations.
- Export to the dotLottie format (.lottie), a superset of the Lottie JSON format (.json), that enables you to ship even smaller files with images and multiple Lotties in a single file.
Maybe the Bodymovin extension might be all you need, but if you work in a team, need to share your work with clients and might benefit from the additional testing and preview tools that LottieFiles enables, we recommend you try the LottieFiles for After Effects extension.
After Effects | 2024, 2023, 2022, 2021, 2020, CC 2019, CC 2018, CC 2017, CC 2015.3, CC 2015, CC 2014 |
---|
3.6.0 (Current version) - Sep 13, 2024
3.5.10 - Sep 6, 2024
- Minor bug fixes and UI enhancements
3.5.9 - Aug 7, 2024
3.5.8.1 - Jul 24, 2024
3.5.8 - Jun 28, 2024
3.5.7 - May 6, 2024
3.5.6 - Apr 17, 2024
- Resolved issues with rendering compositions with image layers
3.5.4 - Apr 15, 2024
- Switch to dotlottie-react player (and update react-scripts), which resolves some rendering issues.