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

05/04/26
Source: Lenny’s Newsletter by Claire Vo. Read the original article

TL;DR Summary of How Stripe Built an AI-Powered Prototyping Platform with Protodash

Protodash is an innovative internal AI-driven prototyping tool at Stripe that enables designers and product managers to create high-quality dashboard prototypes without coding. It integrates Cursor rules, React components, and AI-powered features like design review modes and variant testing, transforming Stripe’s prototyping and design review process. The platform runs in dev boxes, eliminating local setup issues, and surprisingly empowers PMs as much as designers. This bespoke tool demonstrates how internal, non-production-grade software can profoundly enhance design and engineering workflows.

Optimixed’s Overview: Revolutionizing Product Design at Stripe with AI-Enhanced Prototyping

Introduction to Protodash and Its Impact

Stripe’s design manager, Owen Williams, spearheaded the development of Protodash, a web-based prototyping studio designed to simplify and accelerate dashboard prototype creation. By leveraging AI and custom-built Cursor rules alongside React components, Protodash allows both designers and product managers (PMs) to iterate rapidly without writing code. This shift has redefined how Stripe approaches the prototyping lifecycle, design reviews, and engineering handoffs.

Core Features and Architecture

  • AI-Powered Iteration: Protodash incorporates AI to suggest design improvements and supports annotation features directly within the prototyping canvas.
  • Design Review Modes: Integrated commenting, summaries, and AI follow-ups streamline feedback and collaboration.
  • Variant Testing: Users can create and test multiple prototype variants efficiently, enhancing experimentation.
  • Dev Box Deployment: Running prototypes in isolated development environments removes the need for complex local setups, ensuring consistency.
  • Cursor Rules and MCP Integration: These enable the prototyping tool to faithfully reproduce Stripe’s design system and UI components.

Transforming Roles and Culture

Unexpectedly, PMs have become power users of Protodash, using it as extensively as designers, which fosters greater cross-functional collaboration. The adoption of a “demos, not memos” philosophy has evolved Stripe’s design review culture, emphasizing live, interactive demonstrations over static documentation. This approach accelerates decision-making and engineering handoffs.

Why Build Internal Tools Instead of Buying Off-the-Shelf?

Protodash exemplifies how internal tools tailored to specific workflows can be more effective than generic commercial solutions. While not production-grade, these tools offer transformative benefits by closely aligning with company processes, enabling rapid iteration, and integrating AI capabilities that address unique challenges like the “blurple slop” problem seen in generic AI design tools.