AI

The Internal AI Tool That's Transforming How Stripe Designs Products | Owen Williams

How I AI
How I AI•May 4, 2026

Why It Matters

ProtoDash turns high‑fidelity, data‑driven prototypes into a single‑click experience, cutting weeks of design‑to‑code effort and enabling faster, more informed product decisions.

Key Takeaways

  • •Stripe built "ProtoDash", an internal AI‑driven prototyping tool for dashboards.
  • •The tool uses Cursor rules and React to generate 90%‑complete UI automatically.
  • •Designers and product managers can prototype data states without coding expertise.
  • •DevBox infrastructure provides instant URLs, eliminating local setup and speeding reviews.
  • •Live, data‑rich prototypes replace static slides, improving stakeholder feedback loops.

Summary

Stripe’s design organization has rolled out an internal AI‑powered prototyping platform called ProtoDash. Built by design manager Owen Williams, the tool stitches together Stripe’s design system (Sale), an MCP server, and a bundle of Cursor rules to auto‑generate React dashboard code, delivering roughly ninety percent of a functional UI with a single prompt.

ProtoDash lets designers and product managers describe a dashboard – including filters, zero‑state data, internationalization, or messy inputs – and the system produces a working prototype that respects Stripe’s high visual standards. By abstracting away npm, React Router, and other developer tooling, the platform lowers the technical barrier, enabling PMs to iterate directly in the same environment as engineers.

Williams notes that the prototypes are “so convincing I wonder if it’s the real product,” and highlights examples such as a startup‑to‑enterprise view switch, Dutch language rendering, and error‑state flows. The solution runs on Stripe’s DevBox infrastructure, giving users a shareable URL that feels like a local server, eliminating the need for manual setup during design reviews.

The impact is a shift from static Figma screenshots and slide decks to interactive, data‑rich demos that can be explored in real time. This accelerates feedback cycles, improves cross‑functional alignment, and demonstrates how embedding AI into the design workflow can dramatically increase productivity and product quality.

Original Description

Owen Williams is a design manager at Stripe who built Protodash, an internal AI-powered prototyping platform that lets designers and PMs create high-quality Stripe dashboard prototypes without writing code. What started as a bundle of Cursor rules and React components evolved into a full web-based prototyping studio that runs in dev boxes, complete with design review modes, variant testing, and AI-powered iteration. Surprisingly, PMs now use Protodash just as much as designers, fundamentally changing how Stripe approaches prototyping, design reviews, and engineering handoffs.
What you’ll learn:
1. How Stripe built an internal AI prototyping tool using Cursor rules, MCPs, and their design system
2. Why “blurple slop” happens when designers use generic AI tools—and how to fix it
3. The architecture behind Protodash: React router, design system components, and MCP integrations
4. How Stripe prototypes in dev boxes so designers never have to worry about local setup
5. Why “demos, not memos” transformed Stripe’s design review culture
6. How Stripe built design review modes, variant testing, and AI annotation directly into your prototyping tool
7. Why internal tools don’t need to be production-grade to be transformative
Brought to you by:
Celigo—Intelligent automation built for AI: https://celigo.com/howIAI
Cursor—The best way to code with AI: https://www.chatprd.ai/howiai
In this episode, we cover:
(00:00) Welcome and intro to Owen Williams
(02:19) The “blurple slop” problem with AI design tools
(03:50) Protodash: an internal vibe-coding tool for Stripe prototypes
(05:26) Why an engineering background helped Owen lower the bar for designers
(07:55) The Cursor rules that taught the Stripe design system
(09:04) Running prototypes on dev boxes vs. locally
(10:30) “Demos, not memos” and rewiring design reviews at Stripe
(14:50) Building Protodash Studio: a browser-based wrapper for prototyping
(19:04) Live demo: variants, line charts, and remixing prototypes in browser
(21:02) Self-testing prototypes that take screenshots and check their work
(23:20) Multiple variant features
(26:08) The annotate-for-AI button for in-canvas feedback
(27:21) Design review mode: comments, summaries, and AI follow-up
(29:39) Why building internal tools beats buying off-the-shelf
(32:50) PMs as the surprise power users of Protodash
(35:20) Live demo: a Black Friday/Cyber Monday pet store dashboard
(42:03) Lo-fi modes, monospace fonts, and “Comic Sans for WIP” at Shopify
(44:45) Quick recap
(45:35) The Radar prototype that changed engineering handoff
(49:08) Lightning round and final thoughts
Blog & detailed workflow walkthroughs from this episode:
Stripe’s Owen Williams on Killing ‘Blurple Slop’ with an Internal Prototyping Studio: http://chatprd.ai/how-i-ai/stripe-owen-williams-on-buildling-internal-prototyping-studio
↳ How To Connect a Design System to an AI Code Editor for High Fidelity Prototypes: https://www.chatprd.ai/how-i-ai/workflows/how-to-connect-a-design-system-to-an-ai-code-editor-for-high-fidelity-prototypes
Tools referenced:
• Stripe Radar: https://stripe.com/radar
• Balsamiq: https://balsamiq.com/
Where to find Owen Williams:
Where to find Claire Vo:
_Production and marketing by https://penname.co/._
_For inquiries about sponsoring the podcast, email jordan@penname.co._

Comments

Want to join the conversation?

Loading comments...