AI + Design Systems in 2026: The Workflow I Actually Use
In this video, I walk through how I use AI to support a real design system in 2026. This is not about AI replacing design work. It's about where AI actually fits in day-to-day design system workflows.
I cover the current state of the AI and design systems ecosystem, what is worth paying attention to, and what is mostly noise. Then I show the workflows I use to support audits, documentation, governance, and quality checks so the system stays maintainable as it scales.
If you work with tokens, components, or multi-brand systems, this should give you a clear, practical view of how AI can support the work without getting in the way.
🔗 KEY LINKS
📣 JOIN THE COMMUNITY: https://uicollective.co/
Why Join UI Collective Academy? Get access to premium courses, premium downloads, and so much more on the way (I am largely building this solo...trying to make design education available for all, support goes a long way!)
↪️ Need a design system? (also included in the academy): https://collectivekit.co/
🔗 VIDEOS TO WATCH
Build a Design System: https://youtu.be/opTANvl9G1g
Complex Design System Setup: https://youtu.be/L-tpK7Eeuow
🔗 MORE LINKS
Let us build or fix your design system: https://designsystemlabs.co/
kirkland@uicollective.co
📣 Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
0:00 An Introduction
1:20 What can AI not do?
2:20 Current tooling limitations
4:08 Building design tokens with AI?
5:02 Build designs with AI using your design system
5:15 Figma Make Limitations
7:14 Using AI in my current workflow
7:30 Figma MCP Setup with Cursor
8:38 Design System Consistency
9:11 Design Token Logistics
10:54 Building Cursor rule for our Figma Variables
13:27 Building Cursor command
18:36 Prepping Figma Component
19:47 Testing our AI Workflow
21:12 Generating Design System Documentations
22:43 Building Cursor Rule for our Docs
25:34 Building Cursor Command for our Docs
29:47 Testing our Workflow
31:02 Outro
I cover the current state of the AI and design systems ecosystem, what is worth paying attention to, and what is mostly noise. Then I show the workflows I use to support audits, documentation, governance, and quality checks so the system stays maintainable as it scales.
If you work with tokens, components, or multi-brand systems, this should give you a clear, practical view of how AI can support the work without getting in the way.
🔗 KEY LINKS
📣 JOIN THE COMMUNITY: https://uicollective.co/
Why Join UI Collective Academy? Get access to premium courses, premium downloads, and so much more on the way (I am largely building this solo...trying to make design education available for all, support goes a long way!)
↪️ Need a design system? (also included in the academy): https://collectivekit.co/
🔗 VIDEOS TO WATCH
Build a Design System: https://youtu.be/opTANvl9G1g
Complex Design System Setup: https://youtu.be/L-tpK7Eeuow
🔗 MORE LINKS
Let us build or fix your design system: https://designsystemlabs.co/
kirkland@uicollective.co
📣 Save 20% on the Annual Mobbin plan: http://mobbin.com/uicollective
0:00 An Introduction
1:20 What can AI not do?
2:20 Current tooling limitations
4:08 Building design tokens with AI?
5:02 Build designs with AI using your design system
5:15 Figma Make Limitations
7:14 Using AI in my current workflow
7:30 Figma MCP Setup with Cursor
8:38 Design System Consistency
9:11 Design Token Logistics
10:54 Building Cursor rule for our Figma Variables
13:27 Building Cursor command
18:36 Prepping Figma Component
19:47 Testing our AI Workflow
21:12 Generating Design System Documentations
22:43 Building Cursor Rule for our Docs
25:34 Building Cursor Command for our Docs
29:47 Testing our Workflow
31:02 Outro