23 Feb 2026
51m

“I haven’t written a single line of front-end code in 3 months”: How Notion’s design team uses Claude Code to prototype

Podcast cover

How I AI (private feed for [email protected])

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 utility of "Prototype Playground," a Next.js application that centralizes all design prototypes, fostering visibility and collaboration among team members. A key benefit is the ability for designers to easily share and incorporate code snippets from each other's projects, streamlining the design workflow. Lovin emphasizes the importance of integrating designs with real-world conditions early in the process, and how AI tools facilitate faster, more realistic prototyping. He also shares practical tips for using Claude Code effectively, including the strategic use of "plan mode" and custom slash commands to automate tasks and improve code quality.

Outlines

Part 1: Introduction, Prototyping Philosophy

Part 2: Infrastructure, Prototype Playground

Part 3: AI Optimization, Workflow Automation

Part 4: Impact, Tooling, Future Outlook

Sign in to continue reading, translating and more.

Open full episode in Podwise