Introduction & overview

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

Intro to Figma (Part 2 of 7): https://youtu.be/BfsI6F9_izY

In this course, we run through the entire design process, from concept to completion. We start in Figma, create some stunning 3D assets in Cinema 4D and Octane, create animated Lottie files in After Effects, and finally, we build our site in Webflow with interactions.

Share your progress #figmatowebflow

00:00 Introduction 01:13 — Iterate and design your site in Figma 01:29 — Model and render product images and animations in Cinema 4D & Octane 01:56 — Export your 3D animations from After Effects and Lottie 02:15 — Build and develop your website in Webflow 02:46 — Publish and launch your production-ready site 03:39 — Bonus lessons for extra credit 04:09 — Accountability & share your progress