The best YouTube channels to learn web design, grouped by goal

The best YouTube channels to learn web design depend on your goal. For design basics and UI, start with Flux Academy and DesignCourse. For HTML and CSS, Kevin Powell, Web Dev Simplified and freeCodeCamp are hard to beat. For platforms, use Ferdy Korpershoek and Elementor for WordPress, the official Webflow channel, and Framer University for Framer. Figma's own channel teaches the main design tool, and The Futur and Wes McDowell cover the business side. Watch one or two at a time and build along with every video.

We checked each channel below to confirm it still exists and is still posting. We left out subscriber counts because they change every week. For each one you get who runs it, what it covers, the level it suits and a place to start.

Summary table

Design fundamentals and UI/UX

Flux Academy was started by designer Ran Segall and grew out of his personal design vlog. The channel posts weekly about web design, Webflow, design trends and running a design business. Best for: beginners who want design and business advice in one place. Start with: browse its videos on design basics first, then its videos on finding and keeping clients. Flux also runs paid courses on its website, but the YouTube channel stands on its own.

DesignCourse is run by Gary Simon, who has been posting since 2010 and has made courses for Pluralsight, Lynda.com and LinkedIn Learning. It covers UI/UX design, front-end code and branding, and lately AI tools for designers. Best for: learning UI design by watching someone design a real screen. Start with: search the channel for "Figma crash course." He has posted several, including a 2026 version on brand and UI/UX design.

HTML, CSS and front-end code

Kevin Powell calls himself a "CSS Evangelist," and his channel has more than 1,000 videos, almost all about CSS. He trained in graphic design and taught web classes at a design school before YouTube. Best for: anyone who has fought with CSS layout and lost. Start with: his videos on media queries and the clamp() function, which explain how to make layouts that work on every screen. His official site lists his latest videos.

Web Dev Simplified is the channel of Kyle Cook, a software developer and teacher. It covers HTML, CSS, JavaScript and React, plus newer videos on writing better code with AI. Best for: short videos that explain one idea clearly. Start with: his CSS videos once you know the basics. They are a good way to fill gaps.

freeCodeCamp.org is the YouTube channel of a donor-supported nonprofit founded by Quincy Larson in 2014. It posts full-length courses, often many hours long, taught by different instructors. Best for: beginners who want one long course instead of scattered clips. Start with: the free 20-hour web development course taught by Aakash N S, which covers HTML, CSS, flexbox, grid, responsive design, Git and deploying a portfolio site.

Traversy Media is run by Brad Traversy, a web developer turned full-time teacher. He is known for crash courses that cover a whole tool in one video and for project-based tutorials. Best for: learning by building small projects. Start with: his crash course on whatever you are learning right now, such as CSS, then one of his project tutorials. He also sells longer courses on his site.

Fireship was created by Jeff Delaney and posts fast-paced code tutorials and tech news, usually weekly. Best for: intermediate learners who want a quick look at a tool before spending hours on it. Start with: the "100 Seconds of Code" series. Each video explains one language or tool in about 100 seconds.

WordPress and page builders

Ferdy Korpershoek makes step-by-step tutorials for beginners, mostly WordPress, WooCommerce, Divi, Elementor and Shopify, plus AI website tools. Best for: building a complete site by following along. Start with: "How to Make a Professional WordPress Website with Divi 5 (Step-by-Step Tutorial 2026)," posted in February 2026. If you want help picking a builder first, see our comparison of Elementor vs Divi vs Astra.

Elementor is the official channel of the Elementor page builder for WordPress. It posts weekly tutorials on building and managing sites with Elementor, including its AI features and custom widgets. Best for: beginners who already chose Elementor. Start with: its beginner tutorials on the editor and on building your first page.

We looked at WPCrafter, a long-running WordPress channel from Adam Preiser, but could not confirm recent uploads, so we left it out.

Webflow and Framer

Webflow is the official channel of the Webflow platform. It posts weekly feature walkthroughs and project-based tutorials. Best for: anyone learning Webflow. Start with: pair the channel with the Webflow 101 course on Webflow University, a 20-lesson beginner course where you build a responsive landing page. Read more about the platform in our guide to Webflow for design-led sites.

Framer University is an independent channel run by Nandi Muzsik, who started it in January 2023. Framer later named Nandi its first official mentor, and the channel won "Best Framer Creator" at the 2024 Framer Awards. Best for: beginners who want to build modern marketing sites in Framer. Start with: its beginner guides, then its tutorials on interactions and effects. See also our post on Framer for marketing sites.

Figma

Figma is the official channel of the design tool, and it posts often. Best for: beginners learning the tool most web designers use. Start with: the "Figma for Beginners" series, four short lessons on exploring ideas, creating designs, building prototypes and preparing files for handoff. New to the tool? Read what Figma is and how it works.

Business and freelancing for designers

The Futur was founded by designer and educator Chris Do. It calls itself a training platform for creative entrepreneurs and posts weekly on pricing, selling creative services, personal branding and talking with clients about money. Best for: freelancers ready to stop underpricing their work. Start with: its videos on pricing and on how to talk about budgets with clients.

Wes McDowell is a web strategist and marketing consultant. His channel covers website strategy, landing pages, SEO and getting clients, aimed at small business owners and the people who build their sites. Best for: designers who want their sites to bring in leads, not just look good. Start with: his website redesign and layout videos, which explain why each change helps a business.

A three-month learning path

You do not need all 14 channels. Here is one way to use them.

Month 1: basics. Watch Figma's Figma for Beginners series and design one simple page. At the same time, work through the first part of the freeCodeCamp web development course and rebuild your Figma page in HTML and CSS. When CSS gets confusing, look up the topic on Kevin Powell's channel. Browse a few web design inspiration sites to train your eye.

Month 2: one platform. Pick one platform and stick with it. For WordPress, follow a full Ferdy Korpershoek build and the Elementor channel. For Webflow, do Webflow 101 and the Webflow channel. For Framer, use Framer University. Build a real site for yourself, a friend or a local group. Keep watching Flux Academy or DesignCourse for design ideas.

Month 3: polish and business. Redesign your first site using what you learned. Add one Traversy Media project to stretch your code skills. Start watching The Futur and Wes McDowell to learn how to price, pitch and talk with clients. By the end, you should have two or three finished projects for a portfolio.

How to learn from YouTube without wasting time

Build along, don't just watch. Pause the video and type the code or move the boxes yourself. Watching someone else design feels like learning, but you only keep what you practice.

Finish one series before starting another. Jumping between channels feels productive, but it leaves gaps. Pick one course and complete it.

Make a portfolio project, not just tutorial copies. After each tutorial, build something similar with your own content and design. That is what clients and employers want to see.

Check the upload date. Tools like Figma, Webflow and WordPress change fast. If a video is a few years old, the buttons may have moved. Look for newer versions of the same lesson.

Keep notes. Write down the one or two things you learned from each video. A short list you review often beats hours of videos you forget.

Learn how we got here. Knowing why the web looks the way it does helps your design choices. Our narrated history of web design is a quick start.

When a paid course or mentor is worth it

Free videos can take you far, but paying for help makes sense in a few cases:

• You keep getting stuck on the same thing. A course with a set order and exercises can fill the gaps that random videos leave.
• You need feedback. YouTube can't tell you why your layout feels off. A mentor, a design community or a paid course with reviews can.
• You picked a platform for work. If you plan to sell Webflow, Framer or WordPress sites, a deep course on that one platform pays for itself quickly.
• You are ready to charge clients. Business coaching or a course on pricing and sales can earn back its cost on your first project.

Many of the channels above sell their own paid courses, which makes it easy to try a creator's teaching style for free before you pay.

Quick checklist

• Pick one design channel and one code channel to start
• Build along with every video
• Choose one platform and finish one full build
• Turn each tutorial into your own project
• Check that videos are recent for the tool you use
• Add business channels once you have two or three projects
• Pay for a course or mentor when you need feedback or structure

Learning web design and need a real site built in the meantime, or want a second opinion on your portfolio? Talk to us.