Take the full course at Webflow University: Figma to Webflow | Webflow University with access to all assets or to clone the completed Webflow project.
This lesson is a primer on how to use Cinema 4D to model and animate 3D designs of our fictional carbonated water bottle product. We then add the surface textures and light our 3D design with Octane Render.
Share your progress #figmatowebflow on social media and here on this topic in the forum.
In this lesson, we’ll go over:
00:00:00 — Introduction
00:01:16 — Modeling & geometry
00:32:33 — Texturing
01:06:06 — Lighting
01:15:56 — Animating
01:42:48 — Rendering
Course discussion
Lesson discussions
- Figma to Webflow: Introduction (Part 1 of 7)
- Figma to Webflow: Intro to Figma (Part 2 of 7)
- Figma to Webflow: Installing Octane for Cinema 4D (bonus lesson)
- Figma to Webflow: Cinema 4D & Octane essentials (Part 3 of 7)
- Figma to Webflow: Reduce noise from emissive textures in Octane (bonus lesson)
- Figma to Webflow: After Effects & Bodymovin — Figma to Webflow (Part 4 of 7)
- Figma to Webflow: Compositing & preparing website assets (bonus lesson)
- Figma to Webflow: Build a full site (Part 5 of 7)
- Figma to Webflow: Publish your site to a custom domain (Part 6 of 7)
- Figma to Webflow: Final notes (Part 7 of 7)