scripod.com
How to build prototypes that actually look like your product | Colin Matthews (Product leader, AI prototyping instructor at Maven)

Overview

Shownote

Highlights

Transcript

Chapters

Pins

How to build prototypes that actually look like your product | Colin Matthews (Product leader, AI prototyping instructor at Maven)

How I AI

2025/06/30
How I AI

How I AI

2025/06/30
OverviewShownoteHighlightsTranscriptChaptersPins

Shownote

Colin Matthews is a product manager, founder, and hobbyist engineer. After spending the past eight years in healthtech, he recently left his role as a PM at Datavant to go full-time on building his own products. He is currently a top Maven instructor, help...

Highlights

In this episode, Claire Vo sits down with Colin Matthews to explore how AI-powered prototyping is transforming the way product teams build and iterate on user interfaces. The conversation dives into practical techniques that empower product managers to create high-fidelity, brand-aligned prototypes without relying heavily on design or engineering resources.
05:24
Extracting UI components from screenshots ensures brand consistency in AI prototypes
05:51
Use the fork feature to copy the project without modifying the component library.
09:21
Building blocks from real components improve prototyping accuracy and team adoption.
16:56
AI reassembles imported code into functional, reusable components
18:38
Iterating on primitives and composition reduces reliance on prompting.
22:45
Make checkpoints when something works, fork when exploring new ideas.
25:05
These tools can be used by anyone on the team to improve communication and speed.
27:02
Ask the AI to explain the issue before writing code to fix it.

Chapters

Introduction to Colin Matthews
00:00
Creating component libraries from screenshots in v0
02:46
Using prompts to extract components from existing products
05:50
Building an Airbnb prototype from component libraries
06:31
Using the Magic Patterns Chrome extension to extract components directly from websites
11:36
The importance of improving components rather than the composed application
18:38
Using forks and versions for iterative prototyping
20:15
Managing team dynamics when introducing AI prototyping
25:05
Final thoughts
26:54

Transcript

Claire Vo: can you show us how you get these prototyping tools to prototype your product? Colin Matthews: So here's our component. All I have to do is click convert to component, throw it into my ChatGPT library. And now it's going to import basically all...