In this video, we’re going to take this very cool landing page from our Figma For Web Designers course and we’re going to fully develop it using Webflow.

This video was created with beginners in mind, but if this is your first time in Webflow, we recommend that you start with https://www.youtube.com/watch?v=RXdH2H01P88

Here's the Figma file to follow along:
https://www.figma.com/design/QKir5RVRpdMMfyUN6ebaYE/Figma-To-Webflow-Project-(Feb-2025)?node-id=2001-5&t=WTVGJze1l3uTvoCm-1

CHAPTERS
00:00 Intro
01:20 Analyze the design and plan the structure
05:03 Export the styles and colors
09:30 Export the image assets
16:24 Build the page section-by-section
20:19 Hero section
52:58 Meet Forecaster section
57:35 Navigation section
01:05:00 Features section
01:19:54 Membership section
01:35:21 FAQ section
01:43:18 Footer section
01:48:43 Make it responsive

Want to really master Webflow and deliver professional websites? Join our full Webflow Masterclass course https://bit.ly/41inll5

Ready To Master Figma? Check out our “Figma for Web Designers” course https://bit.ly/4ikTkbE

Find us on SOCIAL MEDIA
Ran's Instagram https://www.instagram.com/ransegall/
Ran's X (Twitter) https://twitter.com/ransegall
Flux Academy's Instagram https://www.instagram.com/flux.academy/
Flux Academy's TikTok https://www.tiktok.com/@fluxacademy