More How I AI episodes

I havent written a single line of front-end code in 3 months: How Notions design team uses Claude Code to prototype thumbnail

I havent written a single line of front-end code in 3 months: How Notions design team uses Claude Code to prototype

Published 23 Feb 2026

Duration: 00:51:45

AI-assisted coding tools are being integrated into B2B SaaS design processes to enable early issue detection, rapid prototyping, and streamlined development workflows.

Episode Description

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 Cla...

Overview

The podcast explores how AI-assisted coding tools, such as Claude, are being integrated into the B2B SaaS design process, with a focus on the value of early prototyping in real environments to identify design issues. It highlights Notion's internal tool, Prototype Playground, developed using Next.js, which enables designers to rapidly prototype ideas in a code-first setup. This approach facilitates team collaboration and code reuse, offering support for both internal and external prototyping, including integration with Figma, and aims to streamline the onboarding process for non-technical users.

AI tools are increasingly being used in areas such as design-to-code handoffs, error handling, and automated deployments, helping to reduce manual effort and accelerate development timelines. The discussion also touches on workflows that incorporate slash commands, CI/CD automation, and AI agent interactions. These technologies are reshaping product development by bridging the gap between design and engineering practices, allowing for more efficient and scalable prototyping processes.

Recent Episodes of How I AI

4 May 2026 The internal AI tool thats transforming how Stripe designs products | Owen Williams

Existing design tools like Figma struggle with creating realistic, interactive data dashboards, but the internal tool protodash automates 90% of dashboard construction using React and cursor rules, integrates with design systems, and enables immersive prototypes that enhance design reviews, user testing, and iterative development through real data, dynamic components, and AI-assisted coding.

22 Apr 2026 What Claude Design is actually good for (and why Figma isnt dead, yet)

Emerging AI tools like Claude Design leverage structured design systems for prototyping and interface generation, offering brand-consistent outputs but facing challenges like font discrepancies and reliance on user input, alongside potential to complement or replace platforms like Figma in specific workflows.

More How I AI episodes