CF

The Webflow Masterclass - Learn how to build websites with Webflow

17h 52m 41s
English
Paid
Updated September 2026

The Webflow Masterclass - Learn how to build websites with Webflow is a 80-lesson 17 hours 52 minutes self-paced course by Flux Academy (Ran Segall). Design and Build Pixel-Perfect Websites Without Code Taught by Ran Segall, founder of Flux Academy and a web designer for 17 years, this course focuses on turning custom designs into fully functional websites using Webflow instead of a…

Course facts

Lessons
80
Duration
17 hours 52 minutes
Level
All levels
Language
English
Updated
2026-09-11
Instructor
Flux Academy (Ran Segall)
Price
Premium

Design and Build Pixel-Perfect Websites Without Code

Taught by Ran Segall, founder of Flux Academy and a web designer for 17 years, this course focuses on turning custom designs into fully functional websites using Webflow instead of a developer. Segall built his own business around this shift, moving away from cookie-cutter templates and back-and-forth with developers toward shipping designs exactly as envisioned.

Working Like a Developer, Without Writing Code

The course treats Webflow as more than a drag-and-drop tool: you'll learn to approach it with a developer's mindset, using its visual system to create advanced layouts, animations, and interactions that would otherwise require custom code. The goal is independence — producing pixel-perfect sites on your own timeline rather than waiting on QA cycles with a developer.

What You'll Take Away

Beyond the mechanics of the tool, the course covers pricing Webflow projects and pitching them to clients, so the skills apply directly to running a design business. It's built from lessons Segall wishes had existed when he was learning Webflow himself, and has already guided more than 1,000 students through the platform.

Additional

https://coursehunters.online/t/webflow-masterclass-materials/3801 

Who teaches The Webflow Masterclass - Learn how to build websites with Webflow? Flux Academy (Ran Segall)

Flux Academy (Ran Segall) thumbnail

Flux Academy is the online design school founded by Ran Segall, an Israeli designer behind the popular Flux YouTube channel. The school focuses on the freelance-designer career path — covering both the design craft itself and the business side of running a design freelance practice.

The CourseFlix listing carries two Flux Academy courses: The Webflow Masterclass — Learn How to Build Websites with Webflow and Figma for Web Designers. Together the courses cover the design-and-build toolchain that lets designers ship working websites without depending on a separate developer.

Material is paid and aimed at designers building working web design fluency. For broader content, see CourseFlix's UI/UX Design and Webflow category pages.

What lessons are included in The Webflow Masterclass - Learn how to build websites with Webflow?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 80 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: A Personal Welcome
All Course Lessons (80)
#Lesson TitleDurationAccess
1
A Personal Welcome Demo
01:02
2
How to make the best of this course & community
08:12
3
What Webflow plan do you need?
02:19
4
How Webflow is different
02:09
5
Basic HTML / CSS concepts
11:36
6
Basic Site Demo
16:57
7
Mastering Layout: Display settings
09:37
8
Mastering Layout: Grid
05:57
9
Mastering Layout: Flex
16:25
10
Flexbox game Solved
12:53
11
Mastering Layout: Position
19:15
12
Real World Examples of Layout Tools in Use
05:02
13
Using Images & Backgrounds
08:34
14
How to structure websites
18:31
15
How to style efficiently
14:56
16
Working with Custom Fonts
08:38
17
Making The Website Responsive
25:55
18
Responsiveness Challenge
00:58
19
Responsiveness Challenge - Solved
28:17
20
Basic interactions
04:22
21
Webflow's Native Components
20:58
22
Symbols
06:45
23
Fixing things when they go wrong
06:16
24
Building a real-world client one pager website
01:06:49
25
Custom layout Challenge
03:28
26
Custom Layout challenge - Solved
44:05
27
Understanding the CMS
15:29
28
Using the CMS
31:19
29
Advanced CMS Filtering
04:46
30
Importing CMS Data
03:56
31
Creating E-commerce Websites
09:47
32
Working with forms & integrating with other systems
09:04
33
CMS Challenge
02:06
34
CMS Challenge - Solved
21:04
35
Understanding Triggers & Animations
15:14
36
Creating Popups
09:23
37
The Slide-in Effect
04:27
38
3D Rotation on Hover
07:04
39
Parallax Effect
15:45
40
Horizontal Scrolling Section
05:53
41
Lottie Animations
04:42
42
Creating a Pre-loader
04:28
43
Final challenge - One Pager Portfolio Project
02:28
44
Integrating a booking system (or any other 3rd party tool)
03:26
45
Exporting to WordPress or Shopify
05:04
46
Bi-Lingual Websites
03:07
47
Creating Awesome Effects with (copy-paste) Custom code
04:02
48
The Complete Webflow Website Process Overview
04:48
49
How to Export & Import Images Properly
06:50
50
Working With a Style Guide
05:42
51
Privacy & Accessibility Considerations
08:07
52
QA - Testing Your Website
03:40
53
Should Clients Host With Webflow?
09:50
54
The Pre-Launch Checklist: SEO & Final Setups
06:35
55
Going Live
08:18
56
How To Sell Webflow To Clients
15:17
57
When Clients Just Won't Buy
03:16
58
How To Deliver Websites To Clients
10:10
59
Client CMS Training
02:36
60
Pricing Webflow Websites
05:19
61
The Perfect Webflow Website Proposal
07:11
62
Maintaining Webflow Websites
04:07
63
Project Plan
04:03
64
Project Setup & Fonts
01:49
65
Creating The Style Guide
08:20
66
Setting up the CMS & dummy content
06:12
67
Building The Homepage
01:46:05
68
Mobile Responsivness
23:15
69
CMS Item Page
25:30
70
Bio Collection Page
12:17
71
About Page
33:52
72
Experiences Page
14:04
73
Product Page
30:43
74
Search Results Page
14:10
75
Interactions
20:03
76
Last Setups
03:45
77
Recording Client Training
06:56
78
Tesla Cybertruck Website in 100 minutes
01:41:09
79
Becoming a True Master
03:15
80
Conclusion - What's Next?
02:57
Unlock unlimited learning

Get instant access to all 79 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to The Webflow Masterclass - Learn how to build websites with Webflow?

More courses by Flux Academy (Ran Segall)

  • Figma for Web Designers thumbnailUpdated 2y ago

    Figma for Web Designers

    If you've ever found yourself overwhelmed by Figma's extensive features or wished your workflow could be more efficient for web design projects… Then this.
    5h 31m5/5

Frequently asked questions

What are the prerequisites for enrolling in this course?
There are no strict prerequisites for this course. However, familiarity with basic HTML and CSS concepts will be beneficial, as these are covered early in the lessons. The course starts with foundational topics such as Basic HTML / CSS concepts and progresses to more advanced features of Webflow. Beginners and those with some experience in web design can both benefit from the structured approach of the course.
What kind of projects will I build during the course?
Throughout the course, you will engage in several projects, including building a real-world client one pager website and a final challenge — the One Pager Portfolio Project. These projects are designed to provide practical experience in using Webflow's capabilities, such as creating e-commerce websites and integrating animations and CMS functionalities.
Who is the target audience for this course?
The course is intended for aspiring web designers, freelancers, and professionals looking to enhance their skills in building websites without coding. It caters to those interested in creating high-value, pixel-perfect websites quickly and efficiently using Webflow. Individuals transitioning from traditional coding to visual web design tools will also find this course valuable.
How does this course compare in depth and scope to similar courses?
This course offers extensive coverage of Webflow, spanning 80 lessons, and includes topics such as mastering layout tools, creating advanced interactions, and working with CMS and e-commerce features. Unlike many introductory courses, it provides hands-on challenges and real-world projects, making it suitable for those looking to gain a deep understanding of Webflow’s capabilities.
What tools or platforms does this course specifically teach?
The course focuses exclusively on Webflow, exploring its visual web design capabilities, including advanced layout tools like Grid and Flex, and features like CMS, animations, and e-commerce. It also covers integrating Webflow with other platforms such as WordPress or Shopify and using third-party tools like booking systems.
What topics are not covered in this course?
While the course provides a comprehensive look at building websites with Webflow, it does not delve into traditional coding techniques or programming languages beyond basic HTML and CSS concepts. Additionally, it does not cover server-side programming or backend development, as the focus remains on the visual design and front-end features of Webflow.
What is the estimated time commitment for completing the course?
The course consists of 80 lessons, each designed to be manageable within a short time frame. While the actual time commitment will vary based on individual pace, students can expect to spend several weeks to a few months completing the entire course, especially if they engage thoroughly with the practical exercises and projects.