Thanks to visit codestin.com
Credit goes to university.webflow.com

Learn how to build pro websites — visually.

Try Webflow — it's free

Search Webflow University

Featured learning

Design basics

This learning path is designed for website builders — anyone responsible for designing, structuring, and optimizing web content.

Learning Path

0m

Design basics

This learning path is designed for website builders — anyone responsible for designing, structuring, and optimizing web content.

Learning Path

0m

Getting started with Webflow

Get familiar with Webflow’s website experience platform.

Beginner

1h 16m

Design systems in Webflow

Learn how to create a design system in Webflow for consistent and scalable site building.

Beginner - Intermediate

19m

Optimize, quality-check, & publish

Learn how to review, optimize, and confidently publish your site using Webflow’s built-in tools and best practices.

Beginner - Intermediate

37m

View all courses →

Featured videos

Custom CSS properties

Custom CSS properties

Layout & design

Intro to design systems in Webflow

Intro to design systems in Webflow

Layout & design

WordPress to Webflow - Introduction

WordPress to Webflow - Introduction

Working with classes

Working with classes

Layout & design

Intro to styling

Intro to styling

Layout & design

Intro to the Webflow CMS

Intro to the Webflow CMS

CMS & dynamic content

Welcome to Webflow

Welcome to Webflow

Getting started

Accessibility in Webflow

Accessibility in Webflow

View all videos →

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.