Build your Figma design in Webflow — Figma to Webflow (Part 5 of 7)
Enroll for the full course at Webflow University:
Publish your site to a custom domain (Part 6 of 7):
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
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.
----------
Get started with Webflow:
Join the Webflow Community:
Watch video Build your Figma design in Webflow — Figma to Webflow (Part 5 of 7) online without registration, duration 02 hours 04 minute 11 second in high hd quality. This video was added by user Webflow 10 February 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 107 thousand once and liked it 2 thousand people.