Web animation in After Effects

Enroll for the full course at Webflow University: https://university.webflow.com/figma-to-webflow

Build your Figma design in Webflow (Part 5 of 7): https://youtu.be/OF97sIGkYec

After generating our 3D product renders in Cinema 4D and Octane, we then convert them to JSON Lottie files — animated designs we can use on our website — using After Effects and the Bodymovin plugin.

In this lesson: 00:00 — Introduction 00:41 — Install the Bodymovin plugin 01:56 — Create a composition in After Effects for your image sequence 03:50 — Render the JSON file 05:17 — Set your preferences to "Allow Scripts to Write Files and Access Networks" 06:56 — Share your progress #figmatowebflow