Design systems
for the agentic era.
A 6-week live program where you design, code, document and ship a complete agentic Design System: from Figma tokens to a shadcn registry and AI instructions, with a senior practitioner beside you.
6 weeks
Jan 18 – Feb 25
36 live hours
18 sessions × 2h
Mon · Wed · Thu
6 to 8pm CET / 12 to 2pm ET
20 seats
Small cohort, real reviews
Early bird 899€ (regular 999€) until Dec 25 · Only 20 seats
agent · your-design-system
The stack you will work with
Figma
Claude
Storybook
shadcn/ui
GitHub
Visual Studio Code
Your instructor has built systems for
- Mercedes-Benz
Robinhood- SoSafe
- Ritchie Bros.
AI builds interfaces fast.
Your system makes them right.
Why live
Not another video course.
Most courses give you recordings or one live hour a week. You get three, and a system that runs.
| What is being compared | Design Systems Academy | Video courses | 1h-a-week bootcamps |
|---|---|---|---|
| Live hours with the instructor | 36 h | 0 h | ~4 h |
| You ship a working system | Figma, code and agents | Follow along | Tokens + components |
| Reviews of your own work | Every week | None | Async Q&A |
| shadcn registry, Storybook, AI layer | All included | Varies | Partial |
| Cost per live hour | ~25€ | n/a | ~$150 |
Design Systems Academy
- Live hours with the instructor
- 36 h
- You ship a working system
- Figma, code and agents
- Reviews of your own work
- Every week
- shadcn registry, Storybook, AI layer
- All included
- Cost per live hour
- ~25€
Video courses
- Live hours with the instructor
- 0 h
- You ship a working system
- Follow along
- Reviews of your own work
- None
- shadcn registry, Storybook, AI layer
- Varies
- Cost per live hour
- n/a
1h-a-week bootcamps
- Live hours with the instructor
- ~4 h
- You ship a working system
- Tokens + components
- Reviews of your own work
- Async Q&A
- shadcn registry, Storybook, AI layer
- Partial
- Cost per live hour
- ~$150
What you ship
Not a folder of demos.
A system that runs.
A real product, built by AI from your system
Week 6 ends with a working interface, scored as it is built.
An AI instruction layer
Rules, context and docs agents actually follow.
Figma UI kit
Tokens, variables and components that map 1:1 to code.
A custom registry
shadcn components with contracts, ready to install.
Living docs
Storybook as the interface for humans and agents.
Curriculum
Six weeks. One lifecycle.
- 01Define & PrototypeDesign Systems Have a New User · Define the System We Will Build · Prototype the First System SliceSet the direction and start building immediately.Jan 18
- 02StructureTokens, Semantics, and Naming · Build the Foundation in Figma · Component Architecture for Humans and AIBuild foundations that people and AI can understand.Jan 25
- 03ConnectConnect Figma and AI · Code for Designers · Git, GitHub, and GitLabConnect design, AI, repositories, and code.Feb 1
- 04BuildBuild with shadcn · Build and Customize Components · Build the shadcn RegistryTurn the system into production components.Feb 8
- 05Document & TeachStorybook as the System Interface · Storybook for Humans and AI · Teach AI Your Design SystemMake the system understandable to people and AI.Feb 15
- 06OperateBuild a Product with AI · Maintain the System with AI · Governance, Evolution, and Final PresentationUse the system for real product work, then learn how to keep it healthy.Feb 22
Mon · Wed · Thu · 6 to 8pm CET · 12 to 2pm ET · Recorded
See the full curriculumIs it for you?
Built for practitioners
ready to go further.
For you if
- You build components and variables in Figma
- You want AI to use your system, not invent UI
- You can join 2 of 3 weekly sessions
- You want to direct code, not become a developer
Not for you if
- You are new to Figma or design systems
- You want a video library to watch later
- You expect a frontend engineering bootcamp
- You can only spare an hour a week
Your instructor
Mat B.
Designgineer in Madrid. 26 years building digital products and leading design systems. Now applying AI to the discipline, without the hype.
- 26+ years in digital products
- UX/UI · Design Systems · Front-end
- Siemens · Mercedes-Benz · Robinhood · SoSafe · Ritchie Bros.
Pricing
One cohort. Twenty seats.
Early bird · until Dec 25
899€999€
- 18 live sessions over 6 weeks (36 h), recorded
- Your complete Figma, code, Storybook and AI system
- Weekly reviews of your own work
- Private Slack with the cohort
- Certified AI Design Systems Practitioner
Or 3 monthly payments of 300€
Teams · 3+ seats
764€per seat
- Everything in Individual
- 15% off every seat (3+)
- One invoice with VAT ID
- Private team channel
- Seats transferable before start
We reply within 1 business day
Quality
Small cohort, real reviews
Capped at 20 seats, so every system gets personal reviews from Mat. Live, hands-on and grounded in 26 years of real client work.
Learning budget
Let your company pay
Ask us for a ready-to-send email for your manager, with outcomes and invoice details.
Email usFAQ
Questions, answered.
The course is designed primarily for Product Designers, Design System Designers, and Design System Leads who already understand the basics of Design Systems and want to learn how to build and operate them in an AI-assisted product workflow. It is particularly relevant if you want to become more technical without becoming a full-time developer.
The course is designed primarily for Product Designers, Design System Designers, and Design System Leads who already understand the basics of Design Systems and want to learn how to build and operate them in an AI-assisted product workflow.
It is particularly relevant if you want to become more technical without becoming a full-time developer.
The course is intermediate. You should already be comfortable working in Figma and understand basic concepts such as components, variants, Auto Layout, variables, and Design Systems. We will not spend the course teaching Figma fundamentals from scratch.
The course is intermediate. You should already be comfortable working in Figma and understand basic concepts such as components, variants, Auto Layout, variables, and Design Systems.
We will not spend the course teaching Figma fundamentals from scratch.
No. This is not a programming bootcamp, and no React or Git experience is assumed. You will work with code, repositories, React components, Git, and AI-generated changes, but the objective is to teach the technical concepts a designer needs to understand, direct, and review the work. You are not expected to become a frontend engineer during the course. What the course does assume is intermediate Figma and Design System skill: variables, components, variants, and the reasoning behind a token model. That is the level week one starts from.
No. This is not a programming bootcamp, and no React or Git experience is assumed.
You will work with code, repositories, React components, Git, and AI-generated changes, but the objective is to teach the technical concepts a designer needs to understand, direct, and review the work. You are not expected to become a frontend engineer during the course.
What the course does assume is intermediate Figma and Design System skill: variables, components, variants, and the reasoning behind a token model. That is the level week one starts from.
The practical workflow is designed around Claude and Codex. We will also use integrations such as Figma MCP and Storybook MCP where appropriate. The principles are more important than any single AI product, so the course is designed to remain useful as tools evolve.
The practical workflow is designed around Claude and Codex. We will also use integrations such as Figma MCP and Storybook MCP where appropriate.
The principles are more important than any single AI product, so the course is designed to remain useful as tools evolve.
An agentic Design System is a system structured so AI agents can do more than generate random UI. Agents can inspect the system, understand approved components and tokens, read documentation and rules, help build product interfaces, validate work, and assist with maintenance. Human judgment and governance remain central.
An agentic Design System is a system structured so AI agents can do more than generate random UI.
Agents can inspect the system, understand approved components and tokens, read documentation and rules, help build product interfaces, validate work, and assist with maintenance. Human judgment and governance remain central.
You will build one complete Design System project throughout the six weeks rather than completing disconnected exercises. The project will include: Figma foundations. Primitive and semantic tokens. Reusable components. A code repository. shadcn-based components. A custom component registry. Storybook documentation. AI instructions. MCP integrations. A real product interface. AI-assisted maintenance workflows. A governance model
You will build one complete Design System project throughout the six weeks rather than completing disconnected exercises. The project will include:
- Figma foundations
- Primitive and semantic tokens
- Reusable components
- A code repository
- shadcn-based components
- A custom component registry
- Storybook documentation
- AI instructions
- MCP integrations
- A real product interface
- AI-assisted maintenance workflows
- A governance model
The course runs for six weeks. There are three live sessions every week.
The course runs for six weeks. There are three live sessions every week.
Plan for approximately two hours of independent project work per week, plus additional time to complete the final capstone. The current estimate is approximately 52 to 54 total hours across the full program, including the 36 live teaching hours.
Plan for approximately two hours of independent project work per week, plus additional time to complete the final capstone.
The current estimate is approximately 52 to 54 total hours across the full program, including the 36 live teaching hours.
Students who successfully complete the required final project receive the Certified AI Design Systems Practitioner certification. The intention is for it to reflect demonstrated practical competency rather than simply attendance. The capstone is judged on evidence rather than effort: a working product interface built from your own registry, your component contracts and the checks they pass and fail, a comparison of how an agent handled the same task in week one and week six, at least one documented improvement, and an honest account of what still does not work.
Students who successfully complete the required final project receive the Certified AI Design Systems Practitioner certification.
The intention is for it to reflect demonstrated practical competency rather than simply attendance.
The capstone is judged on evidence rather than effort: a working product interface built from your own registry, your component contracts and the checks they pass and fail, a comparison of how an agent handled the same task in week one and week six, at least one documented improvement, and an honest account of what still does not work.
The program is live, project-based, and focused specifically on Design Systems. Students build one system over six weeks, receive direct feedback, troubleshoot real implementation issues, compare approaches with other practitioners, and finish with a capstone rather than only watching tutorials. The value is direct teaching, cohort interaction, practical system-building, and deep Design System expertise applied to AI.
The program is live, project-based, and focused specifically on Design Systems. Students build one system over six weeks, receive direct feedback, troubleshoot real implementation issues, compare approaches with other practitioners, and finish with a capstone rather than only watching tutorials.
The value is direct teaching, cohort interaction, practical system-building, and deep Design System expertise applied to AI.
Ship your system.
Starts Jan 18.
Early bird 899€ until Dec 25 · 20 seats · Live reviews of your work