Brian Lovin is a designer at Notion AI who has transformed how the design team builds prototypes, by creating a shared code environment powered by Claude Code. Instead of designers working in isolated repositories or limited to static Figma designs, Brian built a collaborative “prototype playground” where the entire team can create, share, and iterate on functional prototypes. In this episode, Brian demonstrates how AI-assisted coding has dramatically accelerated the design process and why code-based prototyping is essential for building AI-powered products.

What you’ll learn:

How Brian built a shared Next.js app that serves as a collaborative prototyping environment for Notion’s design team
Why encountering “reality” early in the design process leads to better products
How to use Claude Code’s “plan mode” to get better results when prototyping
The power of custom Claude slash commands and skills to automate repetitive tasks
How to transform Figma designs into working code with a single prompt
Why AI-powered products can’t be effectively designed in static tools like Figma
Brian’s rule for working with AI: “When Claude asks you to do something, teach it to do that thing itself”