Tips & Tutorials 07 May 2020  ■1 Comment

Bodymovin or LottieFiles for After Effects?

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 Bodymovin plugin

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.

The LottieFiles for After Effects Plugin

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.

Testing on mobile using LottieFiles for After Effects

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.

Both After Effects extensions are free and are available to download on the web as ZXP files (the After Effects extension format) or via the official Adobe Exchange portal for extensions. Both are actively maintained and supported.

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.

Comments