Learn web design with free video courses and tutorials | Webflow University

Learn how to design & build pro websites — visually.

Try Webflow — it's free

Search Webflow University

Interactive learning

Featured courses

Localize your site in Webflow

Learn how to localize a site for different languages and regions. Translate text, customize and manage content, and optimize SEO settings, so your site reaches a wider audience.

Figma to Webflow

Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow.

Beginner - Advanced

6h 27m

21-day design portfolio course

Build and visually design a full portfolio website within the span of 21 days.

Beginner - Advanced

4h 51m

Client's guide to the Editor

This is the Client's guide to the Webflow Editor. Share these lessons to get your clients up and running.

Intermediate

17m

In-depth documentation

Add a Spline scene to your Webflow site

Layout & design

Add or remove Workspace seats and members

Accounts & Workspaces

Align box overview

Layout & design

Archive a site

Archive your Workspace

Accounts & Workspaces

Asset privacy

Getting started

Build a locale switcher

Canvas settings

Getting started

Choose a Site plan

Billing & subscriptions

Code block

Put your knowledge to the test

Webflow 101 Certification

Test your web design and development knowledge learned in the Webflow 101 course with questions about the principles of the web, like the box model, HTML and CSS.

CMS Certification

Test your knowledge of more advanced Webflow CMS, including building a CMS, filtering your CMS lists, and best practices.

Layouts Certification Level 1

Test your knowledge of HTML and CSS for web layouts and element positioning.

Layouts Certification Level 2

Test your knowledge of more advanced web layout and element positioning.

Learning has never been so fun

The Layout Game

An interactive resource that can educate and entertain you on the basics of layouts in Webflow — like our new Style panel, layouts, and more.

The Grid Game

Master the fundamentals of CSS grid through 4 interactive challenges (and learn about some of history’s most influential designers along the way!).

The Eyeballing Game

Put your design eye to the test! Compete for accuracy and race your friends in 8 unique design challenges where you’ll match font widths, opacities, easing curves, and more.

The Flexbox Game

Flex your flexbox skills in 28 progressively tougher, interactive levels. No coding required!

The Box Model Game

Learn about the box model — the framework of the web! 8 interactive levels and an introduction to styling elements in Webflow.