If you want to build a unique website with original ideas, standard website builders like Wix and Squarespace can only get you so far. Webflow is a bit more advanced, with more options and features than your standard DIY site maker. However, those extras can get a little complicated, so if you’re new to the platform, you may need some beginner Webflow tutorials to get started.

Below, we listed the 9 best Webflow tutorials so you can learn the ins and outs of this site-building software. But first, let’s talk a little about what Webflow is and whether it’s right for you.

laptop with various blocks and a character above creating a website
Illustration by OrangeCrush

What is Webflow?

Webflow is a website design tool to help people build websites without having to worry about coding. With a drag-and-drop interface, the user builds the site they want in the editor, and when it’s finished Webflow automatically generates the appropriate HTML, CSS or JavaScript.

If you’re familiar with editors like Squarespace or Wix, Webflow uses a similar structure—but with more options. That’s the advantage Webflow has over its more down-to-earth cousins; Webflow offers more advanced features and more customization options, so you can “break the mold” and build wholly original sites. If you have a specific idea in your head about how you want your site to look, Webflow can help bring it to life.

Gif demonstration of Webflow's platform
Webflow’s work flow via Webflow Blog

Of course, more features means a steeper learning curve. Amateur site-builders flock to sites like Wix or Squarespace because it’s fast and convenient; Webflow takes some time to learn if you want to make the most out of it. That’s why these Webflow tutorials are so handy—if you’re ever stuck and need answers, you can find them in one of the nine places below.

1. “A Webflow Tutorial for Absolute Beginners” (Torque Magazine)

Nick Schaferhoff’s Webflow tutorial for Torque Magazine is actually one of the better ones for a broad overview: everything is neatly organized by category so you can find what you need, and it doesn’t get bogged down with technical details. The idea behind this article is to show readers what else is out there, but it’s surprisingly unbiased and praises Webflow when it deserves.

Screenshot of Webflow tutorial example: What is Webflow? by Nick Schaferhoff

This is a very broad look to Webflow. While it may cover some how-to aspects for using the interface and what you can do with it, it’s not really a how-to guide. Rather, it’s more of an introduction to Webflow to someone who’s wants more insight into the capabilities Webflow has to offer.

Pricing:

  • free

Recommended if:

  • you know next to nothing about Webflow
  • you’re still deciding between Webflow and another platform

2. “Learning Webflow” from Jen Kramer (LinkedIn Learning)

Screenshot of Webflow tutorial example: Learning Webflow from Jen Kramer

Former freelancer Jen Kramer shares her industry insights in her Learning Webflow course at LinkedIn Learning. This course is a deep-dive instructional on the mechanics of Webflow, compacted into a neat 1 hour and 46 minutes.

It’s a basic rundown from starting a project to publishing a completed site, aimed at beginners. Kramer covers how to use the Webflow interface and how to add the elements you’ll need, and specifically shows how to build individual pages like Home and Contact.

Because it’s LinkedIn Learning, you’ll need to own a subscription to view it. If you already have a subscription to LinkedIn Learning you can watch it for free, but otherwise you’ll have to sign up.

Pricing:

  • LinkedIn Learning subscription for $39.99/month

Recommended if:

  • you already subscribe to LinkedIn Learning
  • you want a beginners tutorial to get the basics

3. “The Easiest Guide to Webflow for Beginners” by Jan Losert

Screenshot of Webflow tutorial example: The Easiest Guide to Webflow for Beginners by Jan Losert

Veering away from videos and paid courses, The Easiest Guide to Webflow for Beginners by Jan Losert is a free online article that explains the basic functionality of Webflow (and where to find all the buttons). Accompanied by screenshots and gifs, this guide is a handy quick-reference guide for just getting started.

Although it doesn’t get into more advanced techniques, it does have links to other resources like template libraries and UI kits. It may be structured like an owner’s manual, but the author’s friendly tone and emojis lighten the mood.

Pricing:

  • free

Recommended if:

  • you prefer textual guides over video tutorials—you can learn at your own pace and the helpful screenshots can be quite informative

4. “Webflow for Beginners: A Masterclass in Webflow” (Udemy)

Screenshot of Webflow tutorial example: Udemy

Webflow for Beginners: A Masterclass in Webflow is a good introduction for first-timers, with nearly 5 hours of video divided into 36 lectures. This teaches you how to use the Webflow interface, create individual elements and build a sample landing page with all the trimmings. The whole course is $44.99, although you can sometimes find it on sale.

You can also check out Use Webflow to build your web design business, a free course, which is specifically angled for business with topics like SEO and sales data.

Pricing:

  • Webflow for Beginners: A Masterclass in Webflow for $44.99
  • Use Webflow to build your web design business for free

Recommended if:

  • you like the Udemy learning model
  • you want to cover everything you need to know for a beginner to Webflow

5. “How To Structure Websites Efficiently With Webflow” (Flux)

 

How To Structure Websites Efficiently With Webflow tutorial will go over the theory of structuring your website and how to do it right in Webflow. This is a common mistake that new users of Webflow make. So avoid making this mistake and save yourself a headache later on by watching this 8 minute video tutorial!

Flux is the YouTube channel of designer Ran Segall, where he and his co-hosts discuss relevant topics for the industry, from business advice to general techniques. If you want more from Flux, you can check out their entire playlist dedicated to Webflow tutorials.

Pricing:

  • free

Recommended if:

  • you are new to Webflow and need some basics on structure

6. “Build a full site in Webflow” (Design+Code)

Screenshot of Webflow tutorial example: Design+Code

Design+Code offers this free, full course on how to use Webflow, with 12 separate videos mostly between 10-20 minutes. These screenshare views of Webflow in videos format make it easy to learn your way around the software and tackle advanced techniques with ease.

Because the course is split up into 12 separate videos, you can stop and start at your own pace. You can also jump from one lesson like how to do parallax scrolling to creating Lottie animation, depending on your learning curve and interest.

Pricing:

  • free

Recommended if:

  • you want screen shares of actual Webflow usage; these videos show only the Webflow interface at work, which can help certain types of learners figure out where everything is and how to do the tasks they need.

7. “How to choose the right Webflow template” (Pixel Geek)

 

Come for the Webflow tutorials, stay for the community! Pixel Geek is a known support group for designers who don’t use code, with coaching services and chat forums to help beginners. The YouTube channel for Pixel Geek is hosted by Nelson Abalos Jr..

How to choose the right Webflow template is a 38 minute tutorial that covers everything you need to know about Webflow templates, what to think about when looking through templates and of course, how to pick the best one for you.

If you are looking for more Webflow tutorials, Pixel Geek has two separate playlists: Webflow for beginners and Webflow for advanced users. The videos last between 5 minutes to over an hour, but with the charismatic host they’re easy to binge.

Pricing:

  • free

Recommended if:

  • you want a more personable, less clinical teacher
  • you also want to be part of the Pixel Geek community

8. “Webflow for Entrepreneurs and UI/UX designers” (Skillshare)

Screenshot of Webflow tutorial example: Skillshare

Webflow for Entrepreneurs and UI/UX designers will cover what you need to know about Webflow including CSS Grid and CMS (Content Management System). You’ll learn it all from scratch so no need to worry if you don’t have any prior knowledge. The instructor himself was a UI/UX designer when he started and didn’t know how to code or develop a website.

If you’ve got a Skillshare membership and want some expert-level courses, check out Webflow Advance & CMS.

Pricing:

  • $8/month ($2.49/month if billed annually)

Recommended if:

  • you already subscribe to Skillshare Premium

9. “Ultimate web design course” (Webflow University)

Screenshot of Webflow tutorial example: Webflow University

Webflow University is the premier name in Webflow tutorials. Their Ultimate web design course will cover everything from the basics and fundamentals to more advanced topics when learning how to build websites in Webflow.

It’s set up like standard online learning with courses on different Webflow-related topics, each divided into individual video lessons ranging from around 1 to 20 minutes.

And if that’s not enough, Webflow University has an impressive range of topics, including beginner, intermediate and advanced courses. They also dive in custom coding, which is optional, but can help you truly personalize your site. If you’re looking to build a site for a specific business, such as ecommerce, they even have classes just for that.

Pricing:

  • free

Recommended if:

  • you didn’t find what you’re looking for in the other Webflow tutorials—this one has something for everyone!

How to get your perfect website

Whether you want video Webflow tutorials or text-based guides, paid online learning or something a little more free, you can find what you need in the list above. These Webflow tutorials cover all learning levels, from experts perfecting their skills to people who’ve only recently learned that Webflow exists.

If you’d like help from a professional designer to create the look and feel of your ideal website, we have plenty of designers who can help to get your site exactly how you want it.

Want to get the perfect website for your business?
Work with our talented designers to make it happen.