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

By How I AI Podcast

Categories: AI, Product

Summary

Stripe's design manager built ProtoDash, an internal AI-powered prototyping tool that generates realistic dashboards 90% complete on first pass by embedding the company's design system into cursor rules—so convincing that reviewers can't distinguish prototypes from real products.

Key Takeaways

  1. Embed your design system into AI tool prompts (cursor rules) so generated prototypes match your brand instead of defaulting to generic 'Tailwind indigo slop'—gets you 90% of the way there on first pass.
  2. PMs are adopting code-based prototyping tools faster than designers—they use ProtoDash more than designers do, suggesting product managers find faster iteration more valuable than traditional design tools.
  3. Build internal tooling around realistic constraints: ProtoDash solves the 'nearly impossible' problem of prototyping data dashboards with all states, filters, and zero-data states in Figma by generating working React components instead.
  4. Use AI-generated prototypes as a design review accelerator—the high fidelity makes reviews more productive because reviewers can't tell if they're looking at a real product or prototype, forcing focus on actual product decisions.
  5. Internal tools compound over time: 18 months of refinement on ProtoDash created a system where designers only need to fix the remaining 10%, flipping the traditional prototyping workflow from scratch-building to refinement.

Topics

Transcript Excerpt

My dream was I want something that's like vzero but fast. We have all of these tools internally that are really cool. We can connect different data sources together. Why can I not just do this in my browser? Like why do I need cursor? >> You're seeing a lot of designers use it but maybe even more PMS. >> I started seeing PMs use it and got a little nervous. Oh my goodness. PMS designing. It's like what's going to happen? is that how painful is it to prototype a data dashboard with all its interactions, all its filters, all its states, different states, zero data, a bunch of data. It is nearly impossible to do that in Figma. >> It's sort of been this very transformative thing because all of a sudden I'm sitting in these design reviews and it's so convincing that I'm like, is this the real p…