By Sil Bormüller. Published 2026-04-14. Watch 15+ hours of recordings from the sold-out AI Design Systems Conference 2026. 21 expert speakers from WhatsApp, Adobe, Figma, Atlassian, GitHub and Miro show their AI workflows, vibe coding setup, MCP integrations and agentic design systems. $499 launch price for 14 days only.
Tags: AI Design Systems, Vibe Coding, MCP, Agentic Design Systems, AI Conference, Claude Code, Cursor, Figma MCP.
Reading time: 6 min read.
Article Content
# AI Conference 2026 for Designers: All 15+ Hours of Recordings Are Live
Last month we hosted an AI conference for 1,000+ designers and honestly, I'm still processing everything that happened. So many "wait, I need to rewatch this" moments.
If you missed it live, you're in luck. Every session is now on demand.
<div className="not-prose my-12 relative overflow-hidden rounded-2xl border border-neutral-900/10 dark:border-neutral-100/10 py-10 px-4"> <div className="absolute inset-0 bg-[radial-gradient(ellipse_80%_50%_at_50%_0%,rgba(251,191,36,0.15),transparent_70%)] dark:bg-[radial-gradient(ellipse_80%_50%_at_50%_0%,rgba(251,191,36,0.06),transparent_70%)] pointer-events-none"></div> <div className="absolute inset-0 bg-[radial-gradient(ellipse_60%_60%_at_75%_10%,rgba(254,240,138,0.12),transparent_70%)] dark:bg-[radial-gradient(ellipse_60%_60%_at_75%_10%,rgba(254,240,138,0.04),transparent_70%)] pointer-events-none"></div> <div className="absolute inset-0 bg-[radial-gradient(ellipse_60%_60%_at_25%_15%,rgba(254,240,138,0.10),transparent_70%)] dark:bg-[radial-gradient(ellipse_60%_60%_at_25%_15%,rgba(254,240,138,0.04),transparent_70%)] pointer-events-none"></div> <div className="relative grid grid-cols-2 md:grid-cols-4 divide-y md:divide-y-0 md:divide-x divide-neutral-900/10 dark:divide-neutral-100/10"> <div className="px-4 py-4 md:py-0 first:pt-0 md:first:pl-0 text-center"> <div className="text-3xl md:text-4xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 leading-none">1,000+</div> <div className="mt-3 text-[10px] font-bold uppercase tracking-[0.2em] text-neutral-500">Live attendees</div> </div> <div className="px-4 py-4 md:py-0 md:pl-8 text-center"> <div className="text-3xl md:text-4xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 leading-none">50+</div> <div className="mt-3 text-[10px] font-bold uppercase tracking-[0.2em] text-neutral-500">Countries</div> </div> <div className="px-4 py-4 md:py-0 md:pl-8 text-center"> <div className="text-3xl md:text-4xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 leading-none">21</div> <div className="mt-3 text-[10px] font-bold uppercase tracking-[0.2em] text-neutral-500">Expert speakers</div> </div> <div className="px-4 py-4 md:py-0 md:pl-8 last:pb-0 text-center"> <div className="text-3xl md:text-4xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 leading-none whitespace-nowrap">15+ <span className="text-xl md:text-2xl">hrs</span></div> <div className="mt-3 text-[10px] font-bold uppercase tracking-[0.2em] text-neutral-500">Of content</div> </div> </div> </div>
<div className="not-prose my-12 relative"> <div className="absolute -top-3 left-6 inline-flex items-center gap-2 bg-orange-600 dark:bg-orange-500 px-3 py-1 rounded-sm"> <span className="text-[10px] font-black uppercase tracking-[0.2em] text-white">Launch offer · 14 days</span> </div> <div className="border-l-4 border-orange-600 dark:border-orange-500 pl-6 md:pl-8 py-6 bg-neutral-50 dark:bg-neutral-900/40 rounded-r-md"> <div className="flex flex-wrap items-baseline gap-x-4 gap-y-1"> <span className="text-6xl md:text-7xl font-black tracking-tight text-neutral-900 dark:text-neutral-100 leading-none">$499</span> <span className="text-2xl font-semibold text-neutral-400 line-through">$599</span> </div> <div className="mt-4 text-sm text-neutral-600 dark:text-neutral-400 max-w-md"> Available for <strong className="text-neutral-900 dark:text-neutral-100">14 days from April 14, 2026</strong>. After that the Recordings Pass goes back to $599 permanently. </div> </div> </div>
> "The 2-day AI Conference was absolutely mind-blowing. The shift is larger than it's ever been." > > — **Grant Szalay**, Design System Lead, BECU
What is the AI Design Systems Conference 2026?
The [AI Design Systems Conference 2026](/conference) is the leading AI conference for designers and design system professionals. Two days in March 2026, **21 speakers** from WhatsApp, Adobe, Figma, GitHub, Atlassian and Miro shared the AI workflows, vibe coding setups, MCP integrations and agentic design system patterns they actually ship with.
This was the year design systems stopped being just for humans and became infrastructure for AI agents.
Six sessions that will rewire how you work
I picked six talks that hit me the hardest. There are 15 more in the pass.
- **Brad Frost, Ian Frost, TJ Pitre** (Southleft): _AI Chaos vs. Design Systems_. Turn AI from a wild card into a reliable collaborator with guardrails that scale faster than technical debt. - **Freya Stockman** (Relevance AI): _I'm Not an Engineer, But I Ship Code_. How designers can ship production code and work like an engineer with Cursor and vibe coding. - **Romina Kavcic** (The Design System Guide): _Agentic Design Systems_. How to use and create agentic design systems from the founder of The Design System Guide. - **Andressa Lombardo, Eddie Machado** (Miro): _The Path to an AI-Enabled Design System_. How Miro's design system team enabled AI across 48+ product teams. - **Jan Six** (Independent): _Building Real Systems With Agents_. The shift from "AI can generate" to "AI can ship". Production, constraints, systems that hold up. - **Nate Baldwin** (Independent): _Prototyping for the Unknown_. Vibe coding as a tool for discovery. Reveal what you didn't know to ask.
Plus 12 more speakers covering MCP, Cursor, Claude Code, governance and AI infrastructure.
What you'll actually learn
The pass covers the AI workflows top design teams use, not theory:
- **Vibe coding** to ship production-ready code as a designer using [Cursor](/agentic-design/cursor-for-designers) and [Claude Code](/agentic-design/claude-code-for-designers) - **Agentic design systems** that hold up beyond prototypes when AI agents consume them - **Figma MCP integrations** to connect design tokens and components to LLMs - **Machine-readable design systems** that humans and machines can both operate on - **AI prototyping** as a tool for discovery, not just validation - **Design system governance for AI** with guardrails that scale faster than technical debt
If you're a designer who wants to work alongside AI agents instead of being replaced by them, these are the foundational skills.
What's in the Recordings Pass
<div className="not-prose my-8 rounded-2xl border border-neutral-200 bg-white p-6 dark:border-neutral-800 dark:bg-neutral-900"> <ul className="space-y-3 text-base text-neutral-800 dark:text-neutral-200"> <li className="flex items-start gap-3"><span className="text-orange-600 font-bold">→</span> <span>15+ hours of conference recordings from 21 speakers</span></li> <li className="flex items-start gap-3"><span className="text-orange-600 font-bold">→</span> <span>Resources from speakers and the FigJam resource board</span></li> <li className="flex items-start gap-3"><span className="text-orange-600 font-bold">→</span> <span>120 minutes of bonus AI sessions</span></li> <li className="flex items-start gap-3"><span className="text-orange-600 font-bold">→</span> <span>Official certificate of completion you can add to LinkedIn and your CV</span></li> <li className="flex items-start gap-3"><span className="text-orange-600 font-bold">→</span> <span>Networking board access</span></li> <li className="flex items-start gap-3"><span className="text-orange-600 font-bold">→</span> <span>Instant delivery, lifetime access</span></li> </ul> </div>
What attendees said
The community reactions were the best part. **27 reviews, every single one is 5 stars.**
<div className="not-prose my-10 grid gap-px bg-neutral-200 dark:bg-neutral-800 md:grid-cols-2 border border-neutral-200 dark:border-neutral-800 rounded-md overflow-hidden"> <figure className="bg-white dark:bg-neutral-950 p-7 m-0"> <div className="text-orange-600 dark:text-orange-500 text-sm tracking-[0.4em] mb-4">★★★★★</div> <div className="text-lg leading-snug font-medium text-neutral-900 dark:text-neutral-100"> "Into Design Systems is one of those rare events that actually changes how you work." </div> <figcaption className="mt-5 pt-4 border-t border-neutral-100 dark:border-neutral-900"> <div className="font-semibold text-sm text-neutral-900 dark:text-neutral-100">Bruno Ferreira</div> <div className="text-xs text-neutral-500 mt-0.5">Product Designer · Tangity NTT DATA</div> </figcaption> </figure>
<figure className="bg-white dark:bg-neutral-950 p-7 m-0"> <div className="text-orange-600 dark:text-orange-500 text-sm tracking-[0.4em] mb-4">★★★★★</div> <div className="text-lg leading-snug font-medium text-neutral-900 dark:text-neutral-100"> "Into Design Systems has been instrumental in my professional growth." </div> <figcaption className="mt-5 pt-4 border-t border-neutral-100 dark:border-neutral-900"> <div className="font-semibold text-sm text-neutral-900 dark:text-neutral-100">Shane Foster</div> <div className="text-xs text-neutral-500 mt-0.5">Manager, Product Design · PrizePicks</div> </figcaption> </figure>
<figure className="bg-white dark:bg-neutral-950 p-7 m-0"> <div className="text-orange-600 dark:text-orange-500 text-sm tracking-[0.4em] mb-4">★★★★★</div> <div className="text-lg leading-snug font-medium text-neutral-900 dark:text-neutral-100"> "It genuinely changed the direction of my career." </div> <figcaption className="mt-5 pt-4 border-t border-neutral-100 dark:border-neutral-900"> <div className="font-semibold text-sm text-neutral-900 dark:text-neutral-100">Elleta McDaniel</div> <div className="text-xs text-neutral-500 mt-0.5">Design Systems Designer · CTRL_ALT_DESIGN</div> </figcaption> </figure>
<figure className="bg-white dark:bg-neutral-950 p-7 m-0"> <div className="text-orange-600 dark:text-orange-500 text-sm tracking-[0.4em] mb-4">★★★★★</div> <div className="text-lg leading-snug font-medium text-neutral-900 dark:text-neutral-100"> "The best professional upskilling investment I have done in ages." </div> <figcaption className="mt-5 pt-4 border-t border-neutral-100 dark:border-neutral-900"> <div className="font-semibold text-sm text-neutral-900 dark:text-neutral-100">Sam Sabour</div> <div className="text-xs text-neutral-500 mt-0.5">Senior Product Designer</div> </figcaption> </figure> </div>
Get the Recordings Pass
The pass is **$499 for 14 days from April 14, 2026**. Then back to $599 permanently. No subscription, no recurring charges. One payment, lifetime access.
👉 [Get the Recordings Pass for $499](https://www.intodesignsystems.com)
Frequently asked questions
Do I need prior AI experience to follow the recordings?
No. Sessions span beginner concepts to advanced patterns. If you can use Figma, you can follow the vibe coding sessions from Freya Stockman or Davy Fung. If you already use Claude Code or Cursor daily, the agentic design systems and MCP sessions go deep.
What's the difference between this and a generic AI course?
This is a peer conference, not a course. Every speaker actively ships AI features at companies like WhatsApp, Adobe, Figma, Atlassian, GitHub and Miro. You see the workflows they use today, including the parts that don't work yet.
Can I share the access with my team?
Each pass is one license per account. Team Pass options are available for groups of 3 or more.
Will the recordings be updated?
The recordings are from the live 2026 sessions. Bonus AI content is added throughout the year as new sessions are recorded.
What format are the recordings in?
Streaming video on the Into Design Systems video platform, watchable on desktop and mobile. Additional resources from speakers are shared on the FigJam resource board.
A note from Sil
Honestly? I feel so ready for this new era of product design, design systems and working with AI and agents. That's the energy I want to share with you.
If you're sitting on the fence, here's what I'd say: the designers who learn this now will be the ones leading their teams in 12 months. The ones who wait will be playing catch-up.
The pass is one decision, then you've got 15+ hours of the people doing this work showing you exactly how.
👉 [Get the Recordings Pass for $499](https://www.intodesignsystems.com)
— Sil
---
**Related reading:**
- [What is an Agentic Design System?](/blog/design-system-not-ready-for-ai-agents) - [How Spotify makes their design system AI-ready](/blog/how-spotify-design-system-ai-ready) - [Vibe Coding tools for AI design systems](/blog/vibe-coding-tools-ai-design-systems) - [Claude Code + Figma without MCP](/blog/claude-code-figma-no-mcp) - [Learn Figma MCP server](/blog/learn-figma-mcp-server)
Full article at https://www.intodesignsystems.com/blog/ai-design-systems-conference-2026-recordings. More Design Systems tutorials at intodesignsystems.com/blog.
