YouTube23 Feb 2026
51m

How Notion designers ship live prototypes in minutes | Brian Lovin (Product designer)

Podcast cover

How I AI

The podcast explores how Notion's design team uses AI tools, specifically Claude Code, to enhance their prototyping process. Brian Lovin, a designer at Notion AI, details the creation and utilization of a "Prototype Playground," a Next.js application where designers can share and access each other's code prototypes. This centralized system promotes visibility and collaboration, allowing team members to easily incorporate ideas from others' projects. Lovin emphasizes the importance of bringing designs into a realistic, code-based environment early in the design process, especially when designing AI-driven experiences. He also shares custom Claude commands and skills that streamline tasks like creating prototypes from Figma designs and deploying code, making the prototyping process more accessible to designers with varying technical backgrounds.

Outlines

Part 1: Philosophy, Process Shift

Part 2: Prototype Playground, Infrastructure

Part 3: AI Workflow, Configuration

Part 4: Automation, Skills, Deployment

Part 5: Impact, Tooling Insights

Sign in to continue reading, translating and more.

Open full episode in Podwise