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(93)

This solo builder runs 24/7 local AI on his own hardware | Alex Finn

This solo builder runs 24/7 local AI on his own hardware | Alex Finn

Alex Finn is an AI builder, YouTuber, and the creator of Vibe Code Academy, a community for people learning to build with AI tools. He runs one of the most ambitious local AI setups I’ve come across: ...

13 Juli 35min

GPT-5.6 Sol vs. Claude Fable: Why OpenAI’s new model crushes my benchmark

GPT-5.6 Sol vs. Claude Fable: Why OpenAI’s new model crushes my benchmark

GPT-5.6 Sol is back, and I ran it through my full How I AI vibe benchmark against GPT-5.6 Terra, Luna, Claude Fable 5, and Sonnet 5 across five categories: PRDs, prototypes, wireframes, debugging, and...

9 Juli 36min

What a harness is and how to build one with Claude Agent SDK

What a harness is and how to build one with Claude Agent SDK

Everybody is saying, “It’s not the model, it’s the harness,” but almost nobody stops to explain what a harness actually is. So I did. I built one live on the show: a Sentry bug-debugging harness for m...

8 Juli 24min

How I run autonomous coding agents from my phone with OpenAI Symphony + Linear | Alessio Fanelli (Kernel Labs)

How I run autonomous coding agents from my phone with OpenAI Symphony + Linear | Alessio Fanelli (Kernel Labs)

Alessio Fanelli, founder of Kernel Labs and co-host of Latent Space podcast, walks us through two very different AI workflows: (1) a fully autonomous coding setup using OpenAI Symphony + Linear, where...

6 Juli 35min

Sonnet 5 review: I ran 64 generations to find out if it's worth it

Sonnet 5 review: I ran 64 generations to find out if it's worth it

I’ve been testing every major frontier model release since the start of the year, and when Anthropic dropped Sonnet 5, I wanted more than a vibe check. I got tired of one-off tests I couldn’t repeat o...

30 Juni 25min

No Figma. No Jira. No docs. How Gusto built a new product line with Claude Code | Eddie Kim (CTO)

No Figma. No Jira. No docs. How Gusto built a new product line with Claude Code | Eddie Kim (CTO)

Eddie Kim is the co-founder and CTO of the payroll and HR platform Gusto, which just crossed $1 billion in revenue and serves more than 500,000 small businesses. Recently he did something most CTOs do...

29 Juni 51min

GLM 5.2: why I’m replacing Opus in Claude Code with this new model

GLM 5.2: why I’m replacing Opus in Claude Code with this new model

I put GLM 5.2, the open-weight coding model from Z.AI, through four real tasks inside my actual codebase: a codebase architecture audit, a UI redesign, and a 45-minute autonomous bug-hunting session p...

24 Juni 27min

How Claude Mythos found a 15-year-old bug in Mozilla Firefox | Brian Grinstead

How Claude Mythos found a 15-year-old bug in Mozilla Firefox | Brian Grinstead

Brian Grinstead is a distinguished engineer at Mozilla, where he’s worked on Firefox and the web platform since 2013 (he joined to help launch Firefox DevTools). Recently he and his team pointed an ag...

22 Juni 48min

Populärt inom Teknik

uppgang-och-fall
elbilsveckan
market-makers
natets-morka-sida
rss-elektrikerpodden
rss-technokratin
skogsforum-podcast
developers-mer-an-bara-kod
bli-saker-podden
rss-veckans-ai
rss-heja-framtiden
rss-uppgang-och-fall
rss-snacka-om-ai
har-vi-akt-till-mars-an
allt-du-behover-veta-om-ny-teknik
solcellskollens-podcast
rss-en-ai-till-kaffet
rss-inet-patch-notes
rss-hit-med-dina-lunchpengar
rss-milpodden