Web development in Webflow

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

Publish your site to a custom domain (Part 6 of 7): https://youtu.be/cyY75_KE32M

Now that we have our wireframe designs and 3D assets, we'll now build our site in Webflow. We use our Figma wireframe design and 3D Lottie files to build out the site in Webflow with rich interactions to engage our customers.

Share your progress #figmatowebflow

In this lesson, we'll build these parts of our website: 00:00:00 — Introduction 00:02:36 — Hero section with a responsive background image 00:28:14 — Navigation bar (navbar) including our logo 00:41:37 — Product features section using classes & Webflow Interactions 01:18:40 — Featured logos section using CSS grid 01:24:15 — Contact us featuring a Form block 01:31:09 — Footer with links and more grids 01:48:38 — Accessibility check

Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.