Webflow sync, pageviews & more.
NEW

Is the bodymovin plugin compatible with the latest version of After Effects (AE 2020 17.5.0 build 40) as mentioned on the Webflow plugin page?

TL;DR
  • Bodymovin is compatible with After Effects 17.5.0, but it’s recommended to use the latest LottieFiles plugin for better stability and support.
  • Install the plugin via Adobe Marketplace or LottieFiles, and always test exports in Webflow or LottieFiles Preview to ensure proper rendering.

Bodymovin compatibility with After Effects version 17.5.0 (AE 2020) is generally supported, but there are some important considerations.

1. Compatibility and Functionality

  • Bodymovin is a plugin for exporting After Effects animations as JSON via the Lottie library, which Webflow uses for Lottie integration.
  • The Bodymovin plugin is compatible with AE 2020 (17.5.0 build 40). This version still supports the plugin, and the core export functionality works as expected.
  • However, Bodymovin development is now part of the LottieFiles plugin, which has superseded the standalone Bodymovin panel in recent workflow recommendations.
  • It’s advised to use the latest version of the LottieFiles plugin for After Effects, which includes updated Bodymovin functionality.
  • You can install it via the Adobe Creative Cloud Marketplace or download it from lottiefiles.com/plugins/after-effects.
  • This updated plugin ensures maximum compatibility with newer After Effects versions and stays aligned with Webflow's Lottie JSON file requirements.

3. Things to Watch Out For

  • Features such as expressions, track mattes, effects, or 3D layers may not fully render in Lottie/Bodymovin exports.
  • Always test your exported JSON in Webflow or LottieFiles Preview to confirm animation behavior.

Summary

Yes, Bodymovin is compatible with AE 2020 (17.5.0), but using the latest LottieFiles plugin is strongly recommended for better stability, export support, and ongoing updates.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I make the hero section in Webflow fill the browser viewport perfectly regardless of the height of the browser window?
How can I remove design elements like circles and lines from the mobile version of my Webflow site without affecting the website and tablet versions?
Does Webflow have a code editor for editing pages with HTML, CSS, and JS?
What is the code to cancel the default form handling in Webflow and replace it with custom actions?
How can I style a HTML embed form in Webflow for job applications, when the embed code from the client has no styling options in their back-end?
How can I add a search icon inside a text field and make it the submit button in Webflow?
How can I set default styling for text links in Webflow without having to manually add a class to each link added through the CMS/Rich Text field?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
What happens to a site on Webflow if I purchase a Site Plan for a specific number of months, publish it to a custom domain, and then let the plan expire? Will the site still exist on Webflow even if I can't edit it and it remains locked in my dashboard?
Has anyone had experience with AB testing a website on Webflow? I would appreciate any advice or guidance.
How can I export and integrate the code from my Webflow website into a free system like WordPress or GitHub, in order to cut costs on monthly Webflow and hosting fees?
How can I put text over an image in Webflow? I adjusted the z-index of the text, but it still remains above the image. Is there another step I should take to achieve this?
What could be causing glitches in both the Webflow Designer and live site for a specific site, only when accessing the CMS section?
Can Webflow be used to create multi-dimensional shopping filters for customers, such as a drop-down list that allows them to view products by brand, price, or item category as shown in the example from Macy's?
Is it possible to upload pictures and information onto a Webflow website, display them, have a payment system for buying services, a notification/chat system, and a search system to find specific services? If so, how can this be done using Webflow's standard e-commerce plan or a third party tool?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?
How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?
How can I prevent scroll when my nav is open in Webflow using code? The scroll is disabled correctly when I change the class name of the second 'menu', but it does not get activated when the menu is closed. It doesn't work at all if both class names are the same. Can anyone provide assistance with this issue?
How can I add date filtering to my current list of filters in Webflow using Finsweet CMS Filtering?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I configure Webflow forms to exclude empty or unchecked checkboxes when sending emails? Additionally, is it possible to customize the email text for checked checkboxes, such as using "réservé" instead of "true"?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I make the menu close when a link is clicked in Webflow?
How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?
How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?
How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?
Is there a way to fix the issue of values from Textareas with multiple lines not getting parsed correctly in Webflow Logic when posting to an external API?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?