Login with your Webflow account to track your progress
Figma to Webflow
Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow.
We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.
In this course, we’ll use our tried-and-true workflow to create a website from scratch. We’ll start by iterating on low and mid-fidelity designs in Figma. Then, we’ll create and render 3D product assets in Cinema 4D and Octane. We’ll use After Effects to export them as Lottie JSON files — and build our landing page complete with animations and interactions in Webflow. Finally, we’ll tie it all together with a custom domain, then hit publish for the world to see!
Table of contents
1
Bonus lesson: Install Octane for Cinema 4D
13:30
Bonus lesson: Install Octane for Cinema 4D
Coming soon
1
Bonus lesson: Reduce emissive texture noise
4:54
Bonus lesson: Reduce emissive texture noise
Coming soon
Progress
0%
Details
Beginner - Advanced
6h 27m
13
Lessons
.jpeg)