By Sil Bormüller. Published 2026-04-15. Five lessons from the AI Conference 2026 for designers. How teams at WhatsApp, Miro, Atlassian, Figma and GitHub are shipping production code with Cursor, Claude Code and machine-readable design systems. Plus where the designer-engineer handoff is heading.
Tags: AI Design Systems, Vibe Coding, Agentic Design Systems, MCP, AI Conference, Claude Code, Cursor, Figma MCP, WhatsApp, Miro.
Reading time: 7 min read.
Article Content
# What I Learned from Design Teams at WhatsApp, Miro and Atlassian Shipping with AI
Last month I hosted the [AI Conference 2026 for designers](/conference). Two days, 21 speakers from teams like WhatsApp, Adobe, Figma, Miro, Atlassian and GitHub, with 1,000 designers from 50+ countries watching live.
I build a lot with AI as a designer for my side projects, but I couldn't find anywhere to learn how AI designers and design teams actually work in real workflows and production.
This online conference solved that for me. Incredibly strong insights and learnings, and very hands-on.
Here are my key takeaways from the conference:
<div className="not-prose my-12 rounded-2xl border border-neutral-900/10 dark:border-neutral-100/10 py-10 px-4"> <div className="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>
1. The designer-engineer handoff is collapsing, faster than I expected
**Sebastian Rousseau** runs the **WhatsApp Web** design system for hundreds of millions of users. His team is one designer and one engineer. One. He ships production code directly with **Claude Code** and **VS Code**, no Figma-to-engineer relay race.
A year ago that would have sounded reckless. In his session it sounded inevitable.
**Freya Stockman** from **Relevance AI** put it more bluntly: AI-assisted workflows are now expected by the companies recruiting designers. Not preferred, expected.
**What this means for you:** if you are a designer who has been circling "should I learn Cursor or Claude Code" for months, that question is already answered.
2. Vibe coding without a system is just faster chaos
**Brad Frost**, **Ian Frost** and **TJ Pitre** made the point I kept coming back to: **AI without a design system is unpredictable. AI with tokens, components, patterns and conventions becomes dependable.**
The design system is not replaced by AI. It becomes the thing that makes AI safe to ship with.
**Mr. Biscuit** framed the same idea from the **Figma** side: "Most teams don't lose alignment because people are careless. They lose it because the system allows it." AI amplifies whichever direction your system is already pointing.
3. Design systems need to be readable by machines, not just humans
This was the shift almost every speaker circled back to.
**Diana Wolosin** talked about designing for **MCP** and LLMs. **Jesse Gardner** called design systems "AI infrastructure." **Laura Fehre** showed what happens when your docs move from Markdown to scripts agents can run.
Your design system documentation is now an API. If an AI agent reads it and understands your button variants, your team ships faster. If it doesn't, the agent invents a button, and you end up cleaning up drift for the rest of the quarter.
4. Agents can maintain the system, if you let them
**Romina Kavcic** shared a number that stopped me: most design system teams spend **30 to 40% of their time** just keeping the system working. Accessibility regressions, token misuse, doc drift.
Her framing for agentic design systems is five moves:
<div className="not-prose my-8 grid gap-px bg-neutral-200 dark:bg-neutral-800 grid-cols-2 md:grid-cols-5 border border-neutral-200 dark:border-neutral-800 rounded-md overflow-hidden text-center"> <div className="bg-white dark:bg-neutral-950 p-5"> <div className="text-xs uppercase tracking-[0.2em] text-orange-600 dark:text-orange-500 font-bold mb-2">01</div> <div className="font-semibold text-neutral-900 dark:text-neutral-100">Observe</div> </div> <div className="bg-white dark:bg-neutral-950 p-5"> <div className="text-xs uppercase tracking-[0.2em] text-orange-600 dark:text-orange-500 font-bold mb-2">02</div> <div className="font-semibold text-neutral-900 dark:text-neutral-100">Detect</div> </div> <div className="bg-white dark:bg-neutral-950 p-5"> <div className="text-xs uppercase tracking-[0.2em] text-orange-600 dark:text-orange-500 font-bold mb-2">03</div> <div className="font-semibold text-neutral-900 dark:text-neutral-100">Suggest</div> </div> <div className="bg-white dark:bg-neutral-950 p-5"> <div className="text-xs uppercase tracking-[0.2em] text-orange-600 dark:text-orange-500 font-bold mb-2">04</div> <div className="font-semibold text-neutral-900 dark:text-neutral-100">Fix</div> </div> <div className="bg-white dark:bg-neutral-950 p-5"> <div className="text-xs uppercase tracking-[0.2em] text-orange-600 dark:text-orange-500 font-bold mb-2">05</div> <div className="font-semibold text-neutral-900 dark:text-neutral-100">Learn</div> </div> </div>
Agents patrolling the system so humans can do the harder work of deciding what should exist in the first place.
5. The best designers are not defending against AI, they are using it to go deeper
**Nate Baldwin** on prototyping for the unknown. **Andressa Lombardo** and **Eddie Machado** on how **Miro** is threading AI through their system without losing the soul of it. **Jan Six** on building real, shippable systems with agents.
None of these people sounded anxious. They sounded curious, and busy.
That was the mood of the whole conference. The designers furthest ahead on AI are not the loudest, they are the ones quietly shipping.
The recordings are live
All 15 sessions are on demand. Unique content, straight from the people shipping AI workflows at **WhatsApp**, **Adobe**, **Figma**, **Miro**, **Atlassian** and **GitHub**. Plus the FigJam resource board and 120 minutes of bonus AI sessions.
Plus: access to the FigJam board
On top of every recording, you get access to the FigJam board from the live conference. Q&A from every session, **1,000 designers you can connect with**, plus tons of resources, links and templates shared inside.
[Get the Recordings Pass →](https://www.intodesignsystems.com/?utm_source=blog&utm_medium=organic&utm_campaign=insights_post)
See you inside, Sil
<div className="not-prose my-12 rounded-2xl border border-neutral-200 dark:border-neutral-800 bg-neutral-50 dark:bg-neutral-900/40 p-8 md:p-10 text-center"> <div className="text-[10px] font-black uppercase tracking-[0.2em] text-orange-600 dark:text-orange-500 mb-3">Recordings Pass</div> <h3 className="text-2xl md:text-3xl font-bold tracking-tight text-neutral-900 dark:text-neutral-100 mb-3">Watch all 15 sessions on demand</h3> <p className="text-base text-neutral-600 dark:text-neutral-400 mb-6 max-w-lg mx-auto">One payment, lifetime access, no subscription. Includes certificate of completion, FigJam resource board and 120 minutes of bonus AI sessions.</p> <a href="https://www.intodesignsystems.com/?utm_source=blog&utm_medium=organic&utm_campaign=insights_post" className="inline-flex items-center justify-center gap-2 rounded-md bg-neutral-900 dark:bg-white px-6 py-3 text-sm font-semibold text-white dark:text-neutral-900 hover:bg-neutral-800 dark:hover:bg-neutral-100 transition-colors">Get the Recordings Pass →</a> </div>
---
**Related reading:**
- [The AI Conference 2026 for Designers: Recordings Are Live](/blog/ai-design-systems-conference-2026-recordings) - [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)
Full article at https://www.intodesignsystems.com/blog/design-teams-shipping-with-ai-2026. More Design Systems tutorials at intodesignsystems.com/blog.
