All courses
Temp Design systems for teams & AI agents
Login with your Webflow account to track your progress

Temp Design systems for teams & AI agents

Set up variables, components, templates, and Shared Libraries so your team and agents build consistently.

A design system gives your team shared pieces to build with, from brand styles to components, and the decisions behind them. AI agents connected through the Webflow MCP can build with the same pieces, guided by instructions on what to create, reuse, or change.

You'll see how the parts work together and what updates across your site when you edit them. You'll set up variables, make components flexible and safe for marketers to reuse, and create templates your team can build from. You'll also improve an existing site gradually, share your system across sites, and guide agents and review their work.

Clone the site

Most lessons in this course follow examples from the fictional company Ordinant Carbon’s marketing site. Clone the site, explore its design system, and follow along.

Table of contents

1

Getting started

Coming soon

1

Background & preview
3:00
Background & preview
Coming soon

1

Intro to design systems in Webflow
8:40
1:23
Intro to design systems in Webflow
Coming soon

1

Reusable building blocks
2:42
Reusable building blocks
Coming soon

1

Build a design system that scales
2:07
Build a design system that scales
Coming soon

1

Additional resources
0:34
Additional resources
Coming soon

3

Intro to components
5:03
Intro to components
Coming soon

Progress

0%

Details

Intermediate
22m
6
Lessons

Assets & links

Assessment