The internal AI tool that’s transforming how Stripe designs products | Owen Williams
How I AI4 Maj

The internal AI tool that’s transforming how Stripe designs products | Owen Williams

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

Cursor—The best way to code with AI

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

Streamline Design Reviews with an AI-Powered Prototyping Studio: https://www.chatprd.ai/how-i-ai/workflows/streamline-design-reviews-with-an-ai-powered-prototyping-studio

Build a Personal AI App to Track Purchases and User Manuals: https://www.chatprd.ai/how-i-ai/workflows/build-a-personal-ai-app-to-track-purchases-and-user-manuals

Tools referenced:

• v0: https://v0.app/

• Cursor: https://cursor.com/

• Claude Code: https://www.claude.com/product/claude-code

• Claude Design: https://www.anthropic.com/news/claude-design-anthropic-labs

• Figma: https://www.figma.com/

• Stripe Radar: https://stripe.com/radar

• Balsamiq: https://balsamiq.com/

Where to find Owen Williams:

X: https://x.com/ow

Website: https://owenwillia.ms/

LinkedIn: https://www.linkedin.com/in/owenpwilliams

Where to find Claire Vo:

ChatPRD: https://www.chatprd.ai/

Website: https://clairevo.com/

X: https://x.com/clairevo

Production and marketing by https://penname.co/. For inquiries about sponsoring the podcast, email jordan@penname.co.

Det här avsnittet är hämtat från ett öppet RSS-flöde och publiceras inte av Podme. Det kan innehålla reklam.

Avsnitt(103)

I spent $20,000 on Devin in a month. Here’s what I learned | Ryan Carson (solo founder)

I spent $20,000 on Devin in a month. Here’s what I learned | Ryan Carson (solo founder)

Ryan Carson is a five-time founder and the current solo founder of Untangle, a B2B SaaS platform for family law firms. Before Untangle, he co-founded Treehouse, an online coding education platform, an...

24 Aug 44min

I tested Grok Bot, Grok 4.6, and Cursor Origin - here’s my honest take

I tested Grok Bot, Grok 4.6, and Cursor Origin - here’s my honest take

This week I’m doing a solo breakdown of everything xAI and Cursor have shipped recently, including Grok Bot, Cursor Origin, and the Grok 4.6 model. I set up five Grok Bots, ran Grok 4.6 through my Cla...

18 Aug 27min

How a solo founder used Codex and ChatGPT to launch a fashion brand without engineers | Yana Welinder

How a solo founder used Codex and ChatGPT to launch a fashion brand without engineers | Yana Welinder

Yana Welinder is the solo founder of Yana Bana, an AI-native fashion brand built with AI as her technical co-founder, starting from hand-drawn sketches and ending with runway photos, CAD files for 3D ...

17 Aug 32min

Claude Code for normal people: skills, voice mode, and how to collaborate with AI

Claude Code for normal people: skills, voice mode, and how to collaborate with AI

Grace Clarke is an AI educator and former marketing consultant who taught herself Claude Code earlier this year and built a curriculum out of the process. She now runs her entire service business on t...

10 Aug 43min

Build an AI code review bot in 30 minutes with Vercel Eve

Build an AI code review bot in 30 minutes with Vercel Eve

AI writes most of my code now, and that created a new problem: a PR queue I couldn’t keep up with. In this episode, I walk through how I built Merge Mommy, a Vercel Eve agent that reads every PR after...

5 Aug 24min

ChatGPT Codex Voice + browser + Sites: an expert’s AI workflow | Nick Baumann (OpenAI)

ChatGPT Codex Voice + browser + Sites: an expert’s AI workflow | Nick Baumann (OpenAI)

Nick Baumann is on the Developer Experience team at OpenAI, where he spends his days building with, testing, and communicating the capabilities of ChatGPT Codex and ChatGPT Work. In this episode, Nick...

3 Aug 41min

From zero coding background to hardware hacker: How Cursor + a Raspberry Pi makes AI fun

From zero coding background to hardware hacker: How Cursor + a Raspberry Pi makes AI fun

Maddie Reese is a vibe coder, hardware tinkerer, and builder. She builds things at the intersection of software and hardware, including a thermal receipt printer that people around the world can messa...

27 Juli 28min

Claude Opus 5 review: this model is brilliant (but annoying)

Claude Opus 5 review: this model is brilliant (but annoying)

I’m tired of new models. Every week there’s a new benchmark, a new frontier intelligence claim, a new thing to test. But here we are, because Opus 5 just dropped and I’ve had real hands-on time with i...

24 Juli 24min

Populärt inom Teknik

uppgang-och-fall
market-makers
rss-elektrikerpodden
skogsforum-podcast
rss-laddstationen-med-elbilen-i-sverige
natets-morka-sida
rss-technokratin
 och-bilen-gar-bra
elbilsveckan
rss-en-ai-till-kaffet
rss-veckans-ai
klocksnack-tillsammans-med-nymans-ur-1851
bilar-med-sladd
bli-saker-podden
rss-uppgang-och-fall
rss-kack-tech-podcast
garagehang
kodsnack
rss-fabriken-2
prova-programmering-av-distansakademin