CoursesProject Course

Webflow Design Fundamentals

Learn how to set up a design system when building in Webflow

15 min
Seth Kramer
1

See the build

Watch the finished product first. Know what you're building toward.

2

Learn the stack

Follow the tools and the decisions, not just the clicks.

3

Ship your version

Use the course as a template for your own product.

What you'll get

Build the project. Keep the skill.

Every course ends with a shipped artifact and a reusable pattern. Faster builds, smarter decisions, real products.

Learn the exact stack used to ship the project

Understand the build decisions, not just the steps

Walk away with a pattern you can reuse on your own

Overview

Webflow is one of the most customizable no-code website builders.

This comes with many benefits, but can also cause your style settings to become unorganized as you add more pages, sections, and styles.

This course teaches the basic fundamental styling setup that will make building in Webflow 10x faster and easer. It's a must-watch for anyone building in Webflow.

The design system takes a little bit of setup before you start designing, but will make building so much easier and fun as your site gets more complex.

What you'll learn

  • Set up styles for Sections and Containers
  • Create a style guide
  • Set custom styles for headings, lists, and more

Who this is for

  • Anyone building in Webflow

More from this track

Webflow Development Essentials: From Design to Fully Functional Website course artwork
3.5 hours

Webflow Development Essentials: From Design to Fully Functional Website

Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.

View course
Webflow Design Fundamentals course artwork
15 min

Webflow Design Fundamentals

Learn how to set up a design system when building in Webflow

View course
Webflow Development Essentials: Building a Blog with the CMS course artwork
1 hour

Webflow Development Essentials: Building a Blog with the CMS

Master Webflow's powerful features to create a dynamic blog with advanced filtering capabilities using the built-in Content Management System (CMS).

View course
Build a paid membership site in Webflow and Memberstack course artwork
16 min

Build a paid membership site in Webflow and Memberstack

Craft a membership site with Webflow and Memberstack. Set up signup, login, and restrict access - no coding needed!

View course
Build a job board site like Indeed in Webflow course artwork
78 min

Build a job board site like Indeed in Webflow

Build a fully functioning job board from scratch with real time search and filtering.

View course
Build an upvote site like Product Hunt in Webflow course artwork
2 hours

Build an upvote site like Product Hunt in Webflow

Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.

View course
Integrate Circle with Webflow and Memberstack course artwork
20 min

Integrate Circle with Webflow and Memberstack

Learn how to fully integrate your Circle community with Webflow and Memberstack.

View course
Build a Substack clone in Webflow and Memberstack course artwork
90 min

Build a Substack clone in Webflow and Memberstack

Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.

View course
Build a client dashboard in Webflow course artwork
32 min

Build a client dashboard in Webflow

Create a client dashboard to show the status of projects.

View course
Build a pop up email capture form in Webflow course artwork
19 min

Build a pop up email capture form in Webflow

Learn how to create a pop up email capture form entirely in Webflow

View course
Real Time Search Bar on Webflow course artwork
40 min

Real Time Search Bar on Webflow

Build a real time search bar using Webflow and Memberstack for your website.

View course
Ready to build?

Get Webflow Design Fundamentals and the rest of the library.

One membership. Every course. Every project. Less than a freelance dev hour.