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.
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
.png)