Webflow sync, pageviews & more.
NEW

How can I fix the issue with exporting an animation to JSON using the Bodymovin extension after the new After Effects update in Webflow?

TL;DR

If you’re experiencing issues exporting an animation to JSON using the Bodymovin extension after an After Effects update, follow these steps to resolve compatibility problems.

1. Check for Bodymovin Updates

  • Open After Effects and go to Window > Extensions > Bodymovin.
  • Click on Settings and check for any available updates.
  • If an update is available, install it and restart After Effects.

2. Reinstall Bodymovin

  • If updating doesn’t work, try uninstalling and reinstalling the Bodymovin extension.
  • Open Adobe Creative Cloud and go to Plugins > Manage Plugins.
  • Remove Bodymovin, restart After Effects, then reinstall it from the Adobe Exchange or from AEScripts.

3. Verify After Effects Scripting Is Enabled

  • Open After Effects Preferences > Scripting & Expressions.
  • Ensure that Allow Scripts to Write Files and Access Network is enabled.
  • Restart After Effects and try exporting again.

4. Export with Legacy Settings

  • Some After Effects updates introduce changes that break older Bodymovin functionality.
  • Open Bodymovin and try the Legacy Render option if available.
  • Export the animation again and try importing it into Webflow.

5. Downgrade After Effects (If Necessary)

  • If export issues persist, consider downgrading to a previous stable version of After Effects.
  • In Adobe Creative Cloud, go to Apps > After Effects > More options > Other versions.
  • Install a prior version that worked with Bodymovin.

6. Test with a Simple Animation

  • Create a basic shape animation (e.g., a circle moving left to right) and try exporting it.
  • If the simple animation works but your original file doesn’t, check for effects or expressions that may not be Bodymovin-compatible.

Summary

Ensure Bodymovin is up to date, reinstall if needed, check scripting permissions, and try legacy settings. If the problem continues, downgrade After Effects or test with a simpler animation before troubleshooting your main project.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Is there a tutorial available on Webflow or any third party tool that explains how to create a resizing nav bar that smoothly adjusts the logo, nav bar height, and other elements as you scroll down on a webpage?
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?
When will the issues with transferring projects between Webflow accounts be resolved? I've encountered problems with legacy accounts and workspaces, and now I'm receiving an error when trying to send a project to a client. These issues are causing delays for my clients.
Does Webflow support built-in read more/less expanding div functionality for use with the CMS? Specifically, I want to have Events with a limited description of 50 characters, and a read more link that reveals the rest of the text without the need for coding. Is this possible in Webflow?
What is the issue with adding bullet points to paragraphs in Webflow inner pages?
Is there a simple code that allows slider heights in Webflow to automatically adjust based on the height of the content within them, even for CMS pages? It would be greatly appreciated as it is preventing the launch of my site. Thank you!
How can I create a dropdown menu in Webflow that filters blog content based on selected categories from a separate CMS?
What are some third party tools or integrations that can be connected to Webflow?
What is the recommended maximum width for a Webflow div block container to fit most display screen sizes, excluding the standard 940px container, considering the large screen size of an iMac Retina?
What is causing the "TypeError: Cannot convert undefined or null to object" error on multiple pages in Webflow?
How can I correctly assign this function to a specific Webflow form on a page with the class "dashboard-form" using JavaScript?
Does anyone have experience using locomotive scroll to create sticky elements on a Webflow website? I'm looking to replicate the functionality shown on this website: [link]
What are some useful third party tools or integrations for Webflow?
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?
How can I fix the issue with the animation in Webflow where the top and bottom divs work correctly but the right and left divs do not display correctly in the preview or published site?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
Can the Webflow YouTube component recognize channel IDs instead of video IDs for embedding a Live Stream?
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 fix the issue with the scroll not being smooth on my mobile device (iPhone + Safari) in Webflow?
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 whitelist the IP or user agent of a third-party vendor to crawl my Webflow site for legal compliance archiving purposes?
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 add user input to the end of the redirect URL in Webflow?