No items found.
2023
9
23
0:00

🎉 Introducing: Our brand-new Figma course 🎉

🎉 New Course: Figma for Web Designers 🎉

00
days
d
00
hours
h
00
mins
m
00
secs
s
Webflow Masterclass
Web Design Pro
Brand Design Mastery
Figma for Web Designers
Core Design Skills
6-Figure Freelancer
Standout Portfolio
in 7 Days
Freelance Ignite
Framer Masterclass
WriteSite
All Access Program
Membership →
Courses →
Courses
Web Design Pro
Webflow Masterclass
6 Figure Freelancer
Brand Design Mastery
Course Bundles
Student Stories
Free Resources
Resources
Notion Freelance Hub
Portfolio Handbook
Webflow Workshop
Web Design Workshop
Color Psychology Guide
Brand Design Workshop
Google Fonts Guide
Intro to Freelancing
The Beginner's Guide For Web Design
Webflow Style Guide
No items found.
About
Log In
Enroll Now
Courses
Webflow Masterclass
Framer Masterclass
Figma for Web Designers
Web Design Pro
Brand Design Mastery
Core Design Skills
6-Figure Freelancer
Standout Portfolio in 7 Days
WriteSite: Content-First Design
Freelance Ignite
All Access Program
Student Stories
Free Resources
About
Welcome to Flux Academy!

$100 OFF Your first
course or bundle *

$100 OFF Your first course or bundle

Thank you! Please check your inbox!
Oops! Something went wrong while submitting the form.
Unsubscribe anytime • We'll never share your information
By clicking “Send me The Discount Code” you agree to receive Flux Academy emails and accept our Terms & Privacy Policy.
* Excluding our “Standout Portfolio In 7 Days” program.

FOR 5 DAYS ONLY

Flux Academy Sale

⚡️ $150 off all courses ⚡️

⚡️ Up to $672 off bundles ⚡️

learn more

Want to finally "get" Webflow?

If you've been struggling to understand how Webflow works, and you're overwhelmed watching tutorials, check out our free 1 hour workshop:
Thank you! Please check your inbox!
Oops! Something went wrong while submitting the form.

New 2022 Edition

Webflow Designers Earn More

Level: Beginner - Intermediate
+ Students
Enroll Now
the webflow masterclass

start learning Webflow the right way

Start Learning Webflow
You’ll be building websites within a week
+5,300 Students
4:03
Take a deeper look at
The Webflow Masterclass

The most effective way to learn Webflow for beginner and intermediate users

is this you?

You create (or want to create) websites for clients.

You’re a self-learner who enjoys learning with videos at your own pace, and…

You value personalized feedback and advice from experienced designers.

You want to master the complete process of building client websites with Webflow from start to finish (and avoid accidentally skipping any important steps).

You’re looking for the most efficient way to learn everything you need to know without spending endless hours sifting through irrelevant tutorials.

Then welcome to The Webflow Masterclass.

Why this is the only
Webflow course you need

Here’s what sets The Webflow Masterclass apart:

Super-clear lesson structure with proven results

1

12 hours of video lessons based on real-life client work by Webflow designers

The only program that takes students from A to Z

Fresh curriculum (developed based on feedback from thousands of designers) includes everything you need to be successful

5,870+ happy graduates

2

Taught by world-class experts

Ran Segall

20 Years Design Experience

Teaching Webflow since 2014

5-Figure Webflow websites built for international clients

Kabarza

Certified Webflow Expert

Worked with Adidas, Siemens and other major brands

Over 100 Webflow client websites built

Practical and actionable

Work on 2 amazing website projects and put your skills into practice within realistic scenarios

Learn to improve and iterate on your work with personalized feedback

Spend more time doing design (instead of only watching tutorial videos)

3

8-WEEK MENTORING WITH INDUSTRY EXPERTS & RAN SEGALL
‍

Weekly office hours with Ran Segall himself to get all your questions answered (or learn from other students' questions)

Personalized support from our dedicated mentors on your client projects and design questions

Mentoring and advice from industry professionals

4

COMMUNITY OF AMBITIOUS & SUPPORTIVE DESIGNERS‍
‍

Join a global community of Webflow designers & freelancers

Network, collaborate with others, get first dibs on exciting gig opportunities

Feeling stuck? Have questions? Reach out to our community of like-minded designers (you're not alone!)

Match with “accountability partners” to help you complete the course & reach your goals

5
5

Continuously updated

Regularly updated and improved to reflect Webflow updates and student feedback

Free lifetime course updates for all students

Last updated: June 2023

What students say:

🇺🇸
Emil Torres

Emil Torres

The fact I can now develop websites without having to write a single line of code is amazing to me! I already doubled my hourly rate and I can see the difference in my clients’ reaction to my work and professionalism!

🇦🇺
Paul Hanna

Paul Hanna

After working along with the modules in the Masterclass, I decided to recreate a recent website design I’d done for a client. This particular project had already been completed and I’d paid a developer $1200 to code for me. I set up a new Webflow project and I’d finished the build within 3 hours. 3 HOURS! It was at this point I realised I wasn’t going back.

🇺🇸
Dylan Spencer

Dylan Spencer

I signed up for the Webflow Masterclass after committing to build a client project in Webflow and quickly realizing I was in over my head with a deadline looming, and thanks to Ran's course I hit my deadline – and I haven't stopped Webflowing since. I am a "real web developer" now — I've built over 15 websites, including a website for one of the largest companies in the world. Six months ago, there was no chance I could have done this work — thank you Ran!

🇫🇷
Mike Miello

Mike Miello

With the skills I learned from The Six-figure Freelance Designer and the Webflow Masterclass courses, I was able to position myself as a specialist among educators. I’m now pitching for larger projects and do not need to get a developer involved. I increased my revenue, but what I really enjoy is that I feel that I can move at my speed as opposed to working among other people’s schedules.

🇩🇪
Alice Pelzl

Alice Pelzl

The Webflow Masterclass was ideal for me because it allowed me to build our portrait52 website by myself. I didn’t have the budget for a developer and I didn’t want to depend on other people to make changes on the go. On top of this, I started offering web development services and so far I’ve built five sites for clients with Webflow, while doubling my website fees.

🇬🇧
Kevin Johnston

Kevin Johnston

For many years I used a simple Squarespace website as the base for my portfolio, but I always felt like I was working with templates, or someone else’s design, and that I was simply tweaking rather than creating something more bespoke. The Webflow Masterclass allowed me to build a robust, and flexible design folio that can be easily updated and has the level of craft that I feel showcases my skills. And now I can add web development on Webflow to my services.

🇬🇧
Masha Eizner

Masha Eizner

I come from a print background and I couldn't quite understand how Webflow worked. I was wasting a lot of time to understand the process of designing a website with Webflow, and nothing seemed to work. After completing the Webflow Masterclass, I was able to redesign my website. I'm now able to structure sites properly and build them quickly. I have more freedom and don't have to rely on developers to build the website or use limited platforms like Wix.

🇺🇸
Tony Jeffers

Tony Jeffers

Until taking The Webflow Masterclass I was feeling like letting my clients down by using template-based website builders with that limited my creativity and were a hassle to maintain. I now have a refined process for new clients and a priceless tool to design websites without limitations.

By the end of this course, you’ll be able to:

Build pixel-perfect websites quickly using a powerful visual development tool

Implement stunning animations and interactions

Make more money charging for design & development

Regain creative freedom in your work, without the limitations of templates

Showcase a portfolio featuring your first 2 Webflow websites

NOW is your time to join
the Webflow revolution

There’s a reason people can’t stop talking about Webflow

There’s never been a bigger demand for skilled Webflow designers. Webflow as a company continues to grow, with additional rounds of funding year after year, and over 3.5 million users across 190 countries.

With Webflow’s brand recognition soaring, many clients want their websites built specifically on Webflow.

Now’s the best time for you to become a Webflow designer — and we’ll show you how.

We’ll teach you everything
you need to know without
wasting your time

We’ll teach you everything
you need to know without
wasting your time

Your time is valuable

Stop wasting your time watching hours and hours of content online.
(That’s time you could have spent on paid client projects.)

You don’t have to spend months figuring it out on your own. Learn to build stunning websites with support and guidance from the world’s best teachers, coaches, and community.

Quit looking for THE course that will teach you everything you need to know to become a great Webflow designer. You’ve found it: The Webflow Masterclass.

student work examples:

build these websites on the course:

With pre-prepared assets, step-by-step instructions, and expert guidance, you’ll soon be showcasing your own Webflow creations.

what you'll learn

Chapter 1

Introduction

Course Overview and How to Make the Best of It
(1:01)
Introduction to Your Instructors
(8:11)
Course Projects & Certification
(2:18)
What Webflow plan do you need?
(2:18)
Chapter 2

Mastering The Fundamentals

7 Key Concepts for mastering Webflow (and Web Development)
(2:08)
Demo: Building the website’s hero section
(11:35)
Layout tools: Display Settings
(16:56)
Layout tools: Grid
(9:36)
Layout tools: Flex
(5:56)
Layout tools: Positioning
(16:24)
Demo: Building custom layout sections of the website
(12:52)
Making the website responsive
(19:13)
Basic interactions: Hover & Dropdowns
(5:01)
When elements go “out” of the page (Overflow hidden)
(8:33)
Sliders & Carousels
(18:30)
Using Tabs & Lightboxes
(14:55)
Using Forms
(8:37)
Using Symbols
(25:54)
Challenge: Try it yourself!
(0:57)
Chapter 3

Working with Webflow’s CMS

Understanding the CMS & content editing
Planning & creating your collections
Building a CMS team section
Building a CMS template listing page
Sorting & filtering items
Adding a search function
Importing & Exporting content with Webflow
Creating E-commerce Websites
Chapter 4

Mastering Animations & Interactions

Animation & Interactions principles
The Slide-in Effect
Horizontal Scrolling
Parallax Effect
Mouse hover animations
Lottie Animations
Creating Popups
Creating a Pre-loader & Intro animations
Chapter 5

The Website Building Process

The Complete Webflow Website Process Overview
How to Export & Import Images Properly
Working With a Style Guide
Privacy Considerations
Accessibility Considerations
The Pre-Launch Checklist: QA, SEO & Final Setups
Client CMS Training
Going Live
Chapter 6

Working With Clients

How To Sell Webflow To Clients
Should Clients Host With Webflow?
How To Deliver Websites To Clients
Pricing Webflow Websites
Chapter 7

Advanced Topics

Integrating with other no code tools
Multi Lingual Websites
Using Custom code for styling
Advanced Image Consideration
Responsive Typography
Variable Fonts
Membership sites
Exporting to WordPress or Shopify (Udesly + WP plugin)
Extending Webflow using Community projects
Learn and Build with Cloneables
Useful Chrome Extensions
Advanced SEO Resources
Figma to Webflow Plugin
Chapter 8

Advanced Build - Fitness coach

Overview
(4:47)
Cool Button interaction (hero
(6:49)
Gradient outline (Multi-Color border)
(5:41)
Nav Interaction (Custom Mega Nav)
(8:06)
Magnetic play button
(3:39)
Hero animation
(9:49)
Custom slider
(6:34)
Infinite scroll animation
(8:17)
Advance CMS animations
(8:17)
Custom Filtering
(8:17)
Page Transitions
(8:17)
Chapter 9

Get your certification

Final project submission & certification process
Chapter 10

Closing Thoughts

Conclusion - What's Next?

8 WEEKS OF MENTORING WITH INDUSTRY EXPERTS

Join 8,500+ professional web designers. Talk about a network boost!

WEEKLY OFFICE HOURS

Get personalized, no-holds-barred feedback on all your design and freelancing questions from Ran Segall.

DEDICATED MENTORS

Working on a client project? Building your portfolio? Have questions? Our mentors can guide you privately.

SPECIAL WORKSHOPS

Get a private invitation to our exclusive workshops so that you can grow continuously and stay ahead of the game

EXCLUSIVE ACCESS TO OUR PRIVATE FLUX COMMUNITY

INSTANT NETWORK BOOST

Join 6,000+ professional designers all around the world. Talk about an instant network boost!

GIGS & OPPORTUNITIES

Take advantage of special gig opportunities and collaborate with other designers and freelancers.

ACCOUNTABILITY PARTNERS

Stay on track with your learning goals, offer & receive encouragement, and grow together.

invest in your future

three-month payment plan

$
278
/MO
$
278
/mo
$
198
/mo

Pay in three affordable installments. You’ll receive lifetime access, plus all future updates.

Enroll Now

single payment

$
695
$
695
/mo
$
494

Pay in full to save even more! Enjoy lifetime access to the course and all future updates.

Enroll Now
The course includes a no-questions asked, 30 day money-back guarantee.
Need Webflow training for the entire team? See our discounted Teams Program

The webflow masterclass is

Sold Out

Leave your details to get a reminder when we open:

How we protect and manage your data

You're in!
Please check your inbox
Oops! Something went wrong while submitting the form.

FREQUENTLY ASKED QUESTIONS

Do I need to know how to code?

Nope. That's part of the magic of using a powerful visual development tool like Webflow. You do not need to know how to code in order to create a pixel-perfect, highly custom website. The visual interface will guide you through it all.

What are my payment options?

You can pay in three monthly installments or all at once for additional savings. We securely process all payments through PayPal and Stripe, and you’ll get an email receipt immediately after purchase. If you need a more detailed invoice for your records, let us know and we'll be happy to help you.

Can I use Webflow to build an e-commerce website?

Yes! One of the coolest things about Webflow is its flexibility. Your work isn't bound by the built-in capabilities of a template, so you can truly create whatever your clients need. In Chapter 4 of the Webflow Masterclass, you'll learn all about e-commerce and other dynamic website building features.

I already know how to code — why should I learn Webflow?

Webflow offers an ultra-fast way to build websites — we’re talking hours, not days or weeks. If you’re a designer, you’ll also enjoy the visual aspect of working inside Webflow and seeing what you're building take shape in real-time.

Why is Webflow better than other website building programs?

Webflow is an incredibly powerful visual development tool that allows you to create highly custom, truly premium work — and of course, adjust your rates accordingly. Webflow also handles all the technical heavy-lifting of website development for you, so you get to focus on what you do best: creating stunning, high-value work for your clients.

What’s the difference between the Webflow Masterclass and Webflow University?

Webflow University has some great tutorials and quick lessons but isn’t meant to take you through the entire process of building and selling Webflow projects as a freelancer — like we do in The Webflow Masterclass. More than that, the masterclass is the only course where you build an entire site and receive personalized instructor feedback on it as part of the curriculum.

Will I be able to build websites for my clients by the end of this course?

Yes, you'll learn a step-by-step process you can use in any future projects. Beyond that, you’ll actually end this course with your first Webflow website and our team will give you personalized feedback on it. We want you to feel fully confident showcasing your Webflow skills in your portfolio.

How is this course different from the Web Design: Becoming Professional (WDBP)?

The WDBP course is all about the design process. We do cover your options when it comes to development, but not the nitty-gritty that goes into actual implementation — that's where the Webflow Masterclass comes in! You'll learn a step-by-step process to bring your designs to life as fully functional, pixel-perfect websites using Webflow.

Is Webflow free?

Webflow offers a free plan that many students use while taking this course. However, for your future client projects, we recommend investing in one of their paid tiers.

How long will I have access to the course?

When you purchase a Flux course, you'll have lifetime access to the course content and all future updates to the course. The course is self-paced, so you can study at whatever pace is right for you. Private mentoring with Flux Academy experts and access to Ran Segall via weekly office hours are limited to 8 weeks from the date of purchase. (Our All Access program is a yearly subscription and it grants you access to all our courses, expert support with Flux Academy mentors, and weekly office hours with Ran Segall during the lifetime of your subscription).

Start building your next
website on Webflow.

Enroll in The Webflow Masterclass today. You’ll be building Webflow websites in no time.

Enroll Now
Company
AboutCareersTermsPrivacyCode Of ConductRefund, Cancellation & Access Policy
Courses
The Webflow MasterclassThe Webflow Masterclassfor TeamsThe Framer MasterclassFigma for Web DesignersWeb Design: Become a Pro Brand Design MasteryCore Design SkillsThe 6-Figure Freelance DesignerFreelance IgniteStandout Portfolio in 7 DaysWriteSite: Strategic Copywriting for Web Designers
Membership
All Access Program
Resources
Blog
On Social
Instagram
Youtube
Twitter
Proudly built with
webflow
© 2023 Flux Academy