AI & Design Systems

An online course and community from

&
Keep AI under control with
AI & Design Systems

Learn how to use AI & design systems together to create great digital products at scale.

This course is for anyone invested in the success of digital products at your organization. Whether you're a designer, developer, product owner, manager, or leader, you'll learn how AI & design systems work together to help you create better digital products. The course blends foundational concepts with practical, in-the-weeds instruction to help you level up your skills and understanding. By taking this course, you'll:

  • Cut through the AI hype and confidently understand and navigate this fast-moving, noisy AI landscape.
  • Understand design systems' evolving role as critical infrastructure for this new AI era.
  • Become an expert in how AI and design systems work together to help your organization build great digital products.
  • Accelerate your AI & design systems journey by receiving sample architecture, demonstrations, and real-world applications.
  • Transform your team's workflow to gain efficiency and effectiveness without sacrificing product quality.
  • Unlock designer/developer collaboration, closing the gap between design and development by using shared context, language, and infrastructure
  • Save time, money, and agony by learning how to synchronize environments, disciplines, tools, and assets.

Order the course and get:

  • Immediate access to 20+ hours of in-depth videos and demos across all six chapters
  • Access to our Slack community full of passionate design systems & AI experts & practitioners
  • Biweekly live Jam Sessions with TJ, Brad, Ian, and our passionate & knowledgeable community
  • Free updates for life, including new demos as AI & design systems keep evolving
  • A resource database of links, terminology, and other helpful resources that's growing by the day
  • A certificate of completion to share on LinkedIn and your resume
  • 20% off for teams of 3 or more
  • Our eternal gratitude
Course Structure

Six chapters covering both high-level concepts and practical implementation techniques your team can immediately apply to your work.

Chapter 0
Complete welcome & overview

Meet your teachers, get the lay of the land, and understand the course's philosophy, principles, values, and approach. Set yourself up for everything that follows.

Chapter 1
Complete core concepts

Get the 30,000-foot view: a brief history of UI design/development and AI. Then learn how AI & design systems combine into a potent one-two punch for delivering quality at speed.

Chapter 2
Complete environments & tools setup

Get operational. Demystify how to install and configure LLMs, AI-powered IDEs, Figma, Node, Git, API keys, MCPs, and more so you have everything ready to rock and roll.

Chapter 3
Complete make better design systems with ai

Run a ten-station inspection across the five qualities of a healthy design system—Complete, Sound, Synchronized, Extensible, and AI-Ready—then use AI to fix what you find. Build infrastructure AI can actually use.

Chapter 4
Complete make better products with ai & design systems

Put your healthy system to work across the whole product process: discovery, experience design, prototyping, and engineering. Watch real greenfield, legacy adoption, ongoing feature work, and retheme projects end to end.

Chapter 5
Complete inventing the next generation of UX

Look beyond traditional workflows to what's newly possible: agents as users, generative UI, hyper-personalization, real-time interfaces, and the creative infinite. A living chapter—new demos land as the frontier moves.

Chapter 6
Complete operationalizing ai & design systems

Adopt this work inside real organizations—and keep it healthy through constant change. Get buy-in, run a pilot, roll out across teams, and establish the governance, version control, and attitudes that survive a fast-moving landscape.

Plus
πŸ”₯πŸ”₯πŸ”₯πŸ”₯ community & resources

Beyond the videos: a Slack community of passionate practitioners, biweekly live Jam Sessions with TJ, Brad, and Ian, sample architectures, demos, and a curated library of links, glossary, and resources.

Chapter Intro
Your Teachers

Learn from industry leaders who have helped countless digital organizations create design systems, adopt new technologies, and work better together.

TJ Pitre
TJ Pitre

Product Architect for AI and Design Systems at Figma; founder of Southleft

TJ Pitre is Product Architect for AI and Design Systems at Figma, where he works on building better design systems tooling for design systems teams. He lives at the intersection of design systems and AI, focused on getting design system context structured well enough that AI agents can use it with near-total reliability. He’s equally invested in traditional, design-led systems and progressive, code-first workflows, and doesn’t think teams have to choose one to succeed with the other.

That focus comes out of 15+ years in design systems. TJ is founder of Southleft, a design systems and AI tooling studio, and has built tools including Figma Console MCP, Story UI, and the Design Systems Assistant MCP that put his thinking into practice. He is an active speaker and contributor in the design systems and AI community.

TJ lives in New Orleans, where he splits his time between building things and figuring out what to build next.

brad frost web
Brad Frost & Ian Frost

Creators of Atomic Design, Design systems consultants

Brad Frost Web is Brad and Ian Frost, two brothers passionate about making things and helping people. With over 30 years of combined industry experience, we've helped countless organizations—including many Fortune 500 companies—evolve design systems, establish better processes, and create better digital products. We help digital teams level up through training and online courses about design systems, design tokens, frontend development, collaboration, and more.

We live five minutes away from each other in beautiful Pittsburgh. When we're not neck-deep in design systems, we're playing music, making things, and spending time with our families.

Testimonials

What people are saying about the course and community.

  • AI reshaped our workflows faster than any of us could document them, and this course is the first thing I've found that treats that as a systems problem instead of a tooling trend. The structure and pace are excellent, the resources are genuinely useful, the Jam Sessions and Slack community πŸ§‘πŸ»β€πŸ³πŸ’‹, topped off with questionable (okay, great) 80s references — this course rock my socks! Brad, Ian, and TJ clearly built this for practitioners doing the actual work.

  • The least toxic AI space I've encountered.

  • The price went up, but this AI & Design Systems Course is worth 2 or 3 times what this team is asking. It's not just a course, it's a community. I've thoroughly enjoyed the conversations on Slack, the monthly jam sessions, and all the knowledge folks are sharing. Props to Brad Frost, Ian Frost, and TJ Pitre for all of their hard work and continued support for those of us trying to keep up!

  • Both Subatomic and AI & Design Systems courses helped me consolidate my knowledge and elevate my understanding of how design systems should be built, communicated and understood. Brad, Ian and TJ crafted the materials of the course in a very practical, hand-on and detailed manner so that you can really learn how to put things in practice.

  • I truly get the warm fuzzies hanging with you all, I really feel the 'pro-human' vibes amongst the 'ai-one-upmanship' from everyone, let's keep raising all the ships with the tides.

  • I've just enrolled after hearing great things from my colleague and friend. Seeing the impact the course, community and ongoing learning have had on her made it an easy decision.

Frequently Asked Questions

Here are answers to the questions we get most. Can't find an answer here? Just drop us a line.

Is the course complete?

Yes! All six chapters are complete and live, with over 20 hours of videos, demos, resources, and links, including the full ten-station design system inspection and the entire product-workflow chapter.

Chapters 5 and 6 are living chapters. As new tools and patterns emerge, we talk about them in the community and record new lessons. You get every one of them free, along with every update after that.

How is the course paced? Is it self-paced or live?

The course is fully self-paced. You can work through the videos and resources on whatever schedule suits you, and new lessons go up as we add them.

The Jam Sessions are optional live sessions we host every other week. They're a chance to ask questions, see fresh demos, and connect with the community, but there's zero pressure to attend. If you can't make them live, we record and share them so you can catch up whenever it works for you.

AI moves fast. Will this course go stale?

It's the thing we designed against from day one. Two ways we handle it:

  • We teach durable concepts, not just today's buttons. Tools change constantly; the underlying workflows—inspecting your system, giving AI real constraints, keeping design and code synchronized, gating quality—outlast any particular product. When a tool changes, you'll know what it was for.
  • We keep adding to it. New demos land as new patterns emerge, especially in Chapter 5. All updates are free for life, and the biweekly Jam Sessions are where the newest stuff shows up first.

Durable concepts first, fresh demos continuously. This course will never be "finished," and that's exactly the point.

What exactly do I get?
  • Over 20 hours of video across all six chapters, plus every new lesson we add
  • Slack community access to a supportive, helpful, and respectful space for practitioners to learn from one another while working through this AI moment together
  • Free updates for life—every new video, demo, and resource as soon as it's released
  • Biweekly live Jam Sessions with TJ, Brad, and Ian
  • Sample architectures, demos, and resources to apply directly to your own work
  • A certificate of completion for your resume and LinkedIn
Will there be a certificate of completion?

Yes! Work your way through the course and you'll get a certificate of completion. Stick it on your resume, share it at work and over on LinkedIn, and hold it up triumphantly against anybody who needs to see your AI & design systems expertise on full display.

Can I purchase multiple licenses for my team?

Absolutely. 3 or more licenses gets you an automatic 20% discount at checkout.

If you order multiple licenses, the email that purchased the course can assign the other seats to different team member's email addresses from inside the course platform. They'll each get their own login and can work at their own pace.

Are there discounts available?

Yes! Email us and we'll try to provide a discount for any of the following:

  • Monthly payment plan available for the individual license option
  • Regional / purchasing power parity (PPP) pricing for folks outside the US whose local economy makes the full price disproportionately steep
  • Job-hunter discount if you're between roles and using this time to upskill
  • Student discount if you're enrolled in an undergrad, master's, or other academic program
  • Team / multi-license discount (20% off automatically at 3+ seats)

Just include a quick note about your situation when you write in.

Can I pay via invoice or get a company invoice after purchase?

You certainly can! While purchasing via the checkout makes our lives easier, we can also send you an invoice. Just Email us with the following and we'll send an invoice over:

  • Email address
  • First name
  • Last name
  • Company
  • Address Line 1
  • Address Line 2 (if applicable)
  • Country
  • City
  • State/Province/Region
  • Zip/Postal
  • VAT / Tax ID (if applicable)

If you've already purchased via the checkout and just need an invoice for your records, just email us and we'll get one over to you.

How do I join the Slack community?

Once you've joined, you'll receive a Slack invite via email. If you didn't see it, check your spam folder first. If it still hasn't arrived, just send us an email and we'll get you taken care of.

The Slack community is one of the best parts of this course! It's a refreshingly thoughtful, helpful, and respectful space for practitioners to learn from one another while working through this AI moment together.

Last Chance to Get the Course for $995

The course is complete! The price will increase to $1495 on September 30th.

Individual License

Get 20+ hours of in-depth video and demos, plus every new lesson we add—along with resources, access to a private Slack channel, free updates for life, and a certificate of completion to share on LinkedIn & your resume.

Individual License (3-month payment plan)

Get the same access as the individual license option, but split the cost into 3 monthly payments. The first payment is $335, followed by 2 more payments of $330.

Teams & Enterprises

AI and design systems impact every part of your organization's design & development process. Help your entire organization understand how to wield AI & design systems together to ship high-quality digital products at scale. Get everything in the individual license and save 20% per seat.

Student, job hunter, or need purchasing power parity? Questions? Comments? Jokes? Ridicule? Feel free to email courses@bradfrost.com and we'll sort you out.