Learn web design and development — visually

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.

Courses

Explore all courses

Web animations with After Effects & Lottie

Intermediate

Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.

Interactions & animations course

Intermediate–Advanced

Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations.

Moving your business online

Beginner

A free course on how to take your business online. Serve more clients and generate more revenue in this new environment.

Accessibility on the web

Beginner - Intermediate

Learn about accessibility on the web and how to create inclusive and accessible sites without writing code.

Ultimate web design course

Beginner - Intermediate

From the fundamentals to advanced topics — learn how to build sites in Webflow and become the designer you always wanted to be.

Full site build

Intermediate

Learn how to design and develop a CMS-driven website built around the needs of your client and their audience — and execute a successful launch.

Client's guide to the Editor

Intermediate

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