AI and Design Systems

Learn more about how to use AI with design systems

Buy $500.00

Course curriculum

1. Intro
2. Our Design Systems and AI Experience
3. Grounded in Reality and Respect
4. Moving Beyond the AI Hype Cycle
5. Course Outline
6. Join The Community
7. Who This Course Is For
8. Nuance and Responsibility around AI
9. Expectations and Next Steps
10. 🔗 Links & Resources
1. Design Systems + AI: Early Access Videos
1. Into Design Systems - Vibe Coding Jam November 2025
1. What is the Figma MCP?
2. Using Figma MCP with Claude Code
1. What is the Design Systems Assistant?
2. Design Systems Assistant Overview
3. Connecting The Design Systems Assistant to ChatGPT
4. Documentation: Integrating Grammarly with Design Systems
5. Using MCP Apps with Figma Console MCP To Analyze Design System
1. What is FigmaLint?
2. Linting Components with FigmaLint
3. Figma Lint AI Model Integration and Features
1. What is the Figma Console MCP?
2. Installing Figma Console MCP
3. Part 1: Why Figma Console MCP?
4. Part 2: From System-Wide Awareness to Pinpoint Precision
5. Part 3: Figma Console MCP vs. Dev Mode MCP – Component Creation
6. Part 4: Unlocking Full Variable Access
7. Part 5: Plugin Development and AI Feedback Loops
8. Using the Figma Console MCP Effectively
9. Figma Console MCP Capabilities
10. Using Figma Console MCP for Enterprise Design System Applications
11. Implementing Code-Only Props Technique with Figma Console MCP
12. Figma Console MCP Design To Code Demo
13. Figma Console MCP Code To Design - Fixing Drift
1. What is Story UI?
2. AI that knows (and uses) your design system
3. Installing Story UI Into Existing Custom Design System in Storybook
4. Story UI and Claude Desktop
5. Cursor Features and Story UI
6. What is the Storybook MCP?
7. Agentic Design Systems in 2026 with Storybook - Intro from Dominic Nguyen
8. Agentic Design Systems in 2026 - Storybook MCP
1. Using the Figma MCP and Design Systems Assistant
2. Figma MCP → Web Components → React Storybook → Story UI
3. Using Claude Desktop with Figma MCP, Story UI, and Design Systems Assistant
1. What are AI-Generated Interfaces?
2. Understanding AI-Generated Interfaces with A2UI
1. Welcome!
2. AI & Design Systems Benefits Infomercial
3. Course Goals & Outcomes
4. Who This Course Is For
5. Meet Your Teachers
6. Our Collective AI Experience
7. Principles & Our Approach to AI
8. What To Expect

About this course

$500.00
56 lessons
8 hours of video content

Discover your potential, starting today

Enroll today

AI and Design Systems

Course curriculum

👋 Hello, Preorder Friend!

Demos

Vibe Coding

Translating Design To Code

AI Tools for Gathering Knowledge for and from your Design System

AI Tools For Auditing your Design System Designs

AI Tools For Bridging the Gap Between Design, Dev, and Documentation

AI Tools For Generating User Interfaces and Layouts With Your Design System

Combining AI Tools

AI-Generated Interfaces

Introduction

About this course

Discover your potential, starting today