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 2020 (v17.5.0); install via ZXPInstaller, AEScripts, or the LottieFiles plugin.
- Create animations using vector shapes and supported features, export as .json with Bodymovin, and upload to Webflow's Lottie element.
Yes, the Bodymovin plugin is compatible with After Effects 2020 (v17.5.0 build 40), as referenced on Webflow's Lottie integration page.
1. Webflow’s Stated Compatibility
- Webflow officially mentions After Effects 2020 (17.5.0 build 40) or later as compatible with Bodymovin for exporting Lottie animations.
- This version was verified to work with the Bodymovin plugin (via AEUX or as part of LottieFiles) for creating JSON files compatible with Webflow's Lottie animation feature.
2. Installing the Bodymovin Plugin
- Download Bodymovin via AEScripts or GitHub.
- Alternatively, install through the ZXPInstaller or via the Adobe Exchange (LottieFiles plugin).
- After installation, it should work directly within AE 2020 and allow you to export
.jsonanimation files.
3. Common Compatibility Considerations
- Ensure After Effects is updated to at least 17.5.0 or higher.
- Use vector shapes and trim paths, avoiding unsupported effects like raster images or 3D layers, as Lottie and Bodymovin do not support them.
4. Recommended Workflow with Webflow
- Create animation in AE using shapes and supported features.
- Export using Bodymovin to generate a
.jsonfile. - In Webflow, use the Lottie element to upload and configure animation triggers (scroll-based, hover, click, etc.).
Summary
Yes, Bodymovin is fully compatible with After Effects 2020 (v17.5.0) as listed on Webflow’s plugin guidance. Ensure you're using supported animation features and exporting via the latest version of the plugin for best results.