Skip to content
Aakash GuptaAakash Gupta

We prototyped 5 features in 84 mins (Bolt, Cursor, Lovable, Replit, v0)

One of the most valuable AI skills you can have in your arsenal is AI prototyping. That’s why today, we sat down with Colin Mathews — who has taught 8,500+ PMs — to walk through exactly how to build products and features with AI. What makes this podcast special? We’re not just talking about it; we’re building it, live, right in front of you. By the end of this video, I’m CONFIDENT you’ll know exactly how to build products and features with AI and be able to do it yourself. 🕒 Timestamps: 0:00 - Preview 0:31 - Bolt Tutorial 2:43 - Ads 4:36 - The Power of AI-Generated PRDs 17:50 - AI Design Speed vs Traditional Figma 22:12 - From Idea to Testable Prototype 24:44 - AI Prototyping Tool Landscape 32:14 - Cursor Tutorial 35:00 - Ad 35:56 - Building AI Sequences for Apollo 44:29 - Lovable Tutorial 51:39 - Setting Realistic Timeframe Expectations 58:54 - Replit Tutorial 1:11:29 - v0 Tutorial 1:12:47 - Takeaways on AI Prototyping Revolution 💼 Brought to you by: • GibsonAI: Your AI Database Engineer - http://www.gibsonai.com/aakash • Vanta: Automate compliance, manage risk, and prove trust - http://vanta.com/aakash • Maven: I’ve just launched my unique curation of their top courses - http://maven.com/x/aakash 📍 Where to find Colin: LinkedIn - https://www.linkedin.com/in/colinmatthews-pm Maven course - https://maven.com/tech-for-product/ai-prototyping-for-product-managers Newsletter - https://substack.com/@colinmatthews 👨‍💻 Where to find Aakash: Twitter: https://www.twitter.com/aakashg0 LinkedIn: https://www.linkedin.com/in/aagupta/ Instagram: https://www.instagram.com/aakashg0/ 🔔 Subscribe and like the video to support our content!

Colin MathewsguestAakash Guptahost
Feb 28, 20251h 14mWatch on YouTube ↗

At a glance

WHAT IT’S REALLY ABOUT

AI prototyping demos: build and test product features faster

  1. They build a paid booking-links prototype for an Apollo-like scheduler in ~10–15 minutes using Bolt, starting from screenshots and iterating via small, natural-language prompts.
  2. They show how AI-generated PRDs and “plan/reflection before code” prompting improve iteration quality and help maintain context over longer projects.
  3. They export a prototype into Cursor to demonstrate IDE-based AI building and debugging, highlighting the importance of providing correct file context and the ability to switch models for harder problems.
  4. They demonstrate Figma-to-prototype workflows using Lovable + Builder.io, noting higher fidelity when converting real Figma layers versus a flat screenshot, plus element-level selection for targeted edits.
  5. They use Replit to add full-stack capabilities (database, auth, deployment), explaining when to move beyond client-only prototypes and the tradeoffs of agentic automation and complexity.

IDEAS WORTH REMEMBERING

5 ideas

Speed matters most when it compresses the learn-test loop, not just delivery timelines.

They contrast old cycles (months to ship an experiment) with AI prototyping that can produce a testable flow in hours or days, enabling many more customer conversations and hypothesis tests.

Start prototypes with a plan/PRD to reduce drift and re-explaining context.

Colin configures Bolt to generate a PRD from a “plan” prompt, then iterates by referencing phases, which helps when chat context degrades in longer sessions.

Use “plan first” and “reflection” prompts to improve output quality and control changes.

They repeatedly ask “How would you do this? Don’t write code” to preview approach, then implement; reflection helps the tool compare to screenshots and tighten design fidelity before adding features.

Keep prompts small: build the minimum page/flow, then layer in features.

They recommend creating the simplest working version (e.g., preview page), then adding time selection and payment UI, because big multi-feature requests increase failure risk and rework.

Debugging is often about product state and environment, not just code bugs.

A missing price display was traced to opening preview in a new tab (state not shared); fixing navigation behavior (same tab) restored expected UI without major refactors.

WORDS WORTH SAVING

5 quotes

I think really what it's about is just getting through more solutions faster.

Colin Mathews

I think of, of AI coding tools like this one or AI prototyping tools as tools for communication primarily in this context.

Colin Mathews

The faster you can build doesn't mean that you should just ship more features, like ship 10, 10 times the features or 100 features, uh, in the time that you could have shipped, you know, one, but instead that you should have 10 more or 100 more co- conversations with your customers, and like richer and deeper conversations with your customers, where they can b- provide you with better feedback r- rather than just one conversation with your customers.

Colin Mathews

It's better to have like lo- like I said, lots of small changes rather than trying to get the perfect prompt up front.

Colin Mathews

For whatever reason, I've never been able to figure out what image sizes Substack wants from me. Like, every time I put something in the preview image, it seems to get cut off in some weird way.

Colin Mathews

AI prototyping vs traditional Figma workflowsScreenshot-to-UI generation and design matchingAI-generated PRDs for scope, phases, and context retentionIterative prompting: planning, reflection, small stepsDebugging patterns (tabs/state, context, console checks)Tool categories: chatbots vs web builders vs IDEsFull-stack prototyping: database, auth, deployment (Replit)Figma conversion via Builder.io + LovablePricing/usage economics and tool selection strategy

High quality AI-generated summary created from speaker-labeled transcript.

Get more out of YouTube videos.

High quality summaries for YouTube videos. Accurate transcripts to search & find moments. Powered by ChatGPT & Claude AI.