AI-powered prototyping bridges design-to-product gap at Reddit

Oct 26, 2026 · Lenny's Podcast
🎧 PodShort 29 min squeezed to 2 AI SprinklerAS AI / ML New
Episode artwork
Blair Metcalf
Principal UX Engineer at Reddit
Clare Velle
Product Leader and AI Obsessive at How I AI
Lenny's Podcast
29 min squeezed to 2
Full episode from Lenny's Podcast
Quotable Moments

If we made everyone a builder, they could vibe code new features and products easily.

Blair MetcalfPrincipal UX Engineer at Reddit
00:04

The distance between design and product is wide, and building a custom harness using design systems and UX patterns can significantly speed up the process of getting new ideas into users' hands.

Blair MetcalfPrincipal UX Engineer at Reddit
00:01

If leaders looked at it and would be like, 'Why? This isn't relevant to me.' And you don't have to take nine months to get that into prod, see if that works. It saves so much time and everybody can work on other things.

Blair MetcalfPrincipal UX Engineer at Reddit
00:40
Key Insights
  • The distance between design and product is wide, and building a custom harness using design systems and UX patterns can significantly speed up the process of getting new ideas into users' hands.
  • Reddits' custom prototyping harness allows for rapid iteration, enabling the creation of a million ideas, their review, and the selection of one to move forward into production, saving significant time.
  • The reason for building this is that while Reddit has personalized data, if designs are mocked up in Figmabut not relevant to leadership, it can cause delays and disconnects. Real-world prototypes with real data can speed up the process and save time.
  • The custom harness allows for real-world prototypes with real data, which can be put through the paces of new features and provide valuable feedback, saving significant time compared to traditional methods.
  • The system allows for features to be 'baked' into the design system, meaning that when a designer or product manager starts a new project, it's already at a good starting point with pre-built components and patterns.
  • The system allows for the prevention of navigation in prototypes if stakeholders click too much, and enables testing of every state, including who is a moderator.
  • By connecting Figma with the AI and then having the AI write the code, the entire process of translating design to production-ready code is significantly streamlined.
  • The ability to use signed-in data within the prototype ensures that designs are working with real-world scenarios, making the feedback loop to leadership more relevant and actionable.
Metrics Mentioned
  • 100 million indexed sources (Part of Firecrawls' capabilities for AI agents.)
  • over 200 data providers (Integrated with Firecrawls' capabilities.)
  • 700 prototypes (The current number of prototypes managed by Reddits' system.)

RevBots.ai View:

  • Classic AI Sprinkler move: bolting AI onto design-to-dev workflows without full stack integration.
  • ARM-stage teams would extend this to auto-generate GTM collateral from the same prototype data.
  • Tab Hoppers lack design systems to even attempt this; SaaS Hoarders drown in disjointed Figma/DevOps tools.
🎧Full Episode:Lenny's Podcast →