A Proven 5-Step System to Prototype Apps with AI | Xinran Ma
Xinran is a top AI instructor who has taught 100s of product teams how to design and prototype with AI. He shared 5 practical techniques to avoid generating AI slop — from side-by-side exploration to reverse prompting to component libraries — that you can start trying today. If you want to level up on AI prototyping, this is a must watch.Xinran and I talked about:(00:00) The 5 gaps in vibe coding that lead to generic designs(04:28) [Step 1] Custom GPT generates perfect specs before prompting(12:04) [Step 2] Magic Patterns canvas for side-by-side iteration tracking(15:56) [Step 3] Inspiration command generates 4 unique designs instantly(20:45) [Step 4] Mix-match components across prototypes with Subframe(24:10) [Step 5] Toggle between AI mode and manual design editing(28:34) Reverse prompting: Make AI extract your design system(32:19) Pair component libraries with instructions to avoid AI slopGet the takeaways: https://creatoreconomy.so/p/a-proven-5-step-system-to-prototype-apps-with-ai-xinran-maWhere to find Xinran:Newsletter: https://designwithai.substack.comLinkedIn: https://www.linkedin.com/in/davidmaxinran/📌 Subscribe to this channel – more interviews coming soon!
--------
38:14
--------
38:14
Full Tutorial: How to Use Voice AI to Work and Code 10x Faster | Tanay Kothari
Tanay is the CEO and co-founder of Wispr Flow, my favorite app to dictate to AI 10x faster than typing. I asked him to do a live tutorial on how to get the most out of AI voice dictation, how his brain-to-text device reads your thoughts without speaking, and how he built an AI product that has 70% annual retention (unheard of!) by NOT focusing on ARR.Tanay and I talked about:(00:00) Why typing 5 hours a day is killing your productivity(06:29) Live tutorial: Using voice to draft emails, write code, and more(09:19) The brain-to-text device that reads your thoughts without speaking(16:24) How to teach Wispr Flow your writing style across every app(22:05) Why Tanay studies gaming instead of software for inspiration(29:03) "I told my board: We're killing ARR as our North Star metric"(31:36) Why "agents" is the dumbest term in AI (and what matters instead)(35:55) What motivated young Tanay to steal his mom's laptop to code Thanks to our sponsors:Bolt: Create stunning apps and website with AI https://bolt.fyi/peter-yangLinear: The best platform for agents https://linear.app/partners/behind-the-craftGet the takeaways: https://creatoreconomy.so/p/full-tutorial-how-to-use-voice-ai-to-write-and-code-faster-wispr-flow-tanay Where to find Tanay:LinkedIn: https://www.linkedin.com/in/tankots/Get Wispr Flow: https://ref.wisprflow.ai/peter-yang📌 Subscribe to this channel – more interviews coming soon!
--------
38:43
--------
38:43
Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu
As the head of design at Cursor, Ryo is at the cutting edge of designers who ship code instead of mocks. He showed me how he built a retro OS with AI and did a live demo of adding a new feature using Cursor’s new agent mode. We also covered how to avoid AI design slop and how the Cursor team reached $29B valuation without full-time PMs.Ryo and I talked about:(00:00) Why designers should go directly to code(02:06) Building a retro calculator app in one shot with plan mode(08:04) How Ryo manages multiple AI agents at once in Cursor(15:18) How Cursor builds without PMs and who does the PM work instead(16:43) How to avoid creating purple AI design slop (it’s not prompting)(20:01) Inside RyOS: A beautiful retro operating system built with AI(30:22) How to turn vague ideas into detailed specs with Cursor(37:47) The fastest way for PMs and designers to learn CursorThanks to our sponsors:Reforge: AI prototyping tool for product builders - https://reforge.com/peterLinear: The best platform for AI agents - https://linear.app/partners/behind-the-craftGet the takeaways: https://creatoreconomy.so/p/design-to-code-with-cursor-head-of-design-ryo-luWhere to find Rio:X: https://x.com/ryolu_Website: https://ryo.lu/📌 Subscribe to this channel – more interviews coming soon!
--------
45:47
--------
45:47
7 Counterintuitive Product Lessons from WhatsApp's Former Head of Product | Ami Vora
Ami is the one of my favorite product leaders, period. In my new episode, she breaks down why shipping fast beats the best strategy, how to build simple products that win, how to ask AI for brutally honest feedback, and more. Ami led product at Faire and WhatsApp, but above all she just has great, practical advice for all builders.Ami and I talked about:(00:00) Why perfect strategy + poor execution = a waste of time(05:21) The ChatGPT prompt to get brutally honest feedback (11:19) Do the simple thing first (build for the most tired person)(16:51) The one question Ami asks to test every product decision(25:35) Why your annual plan is probably a waste of time(32:40) How to short-circuit slow approval processes as a PM(36:47) Ami's Monday ritual to protect her calendar for deep work(42:01) The future of PM: Jack-of-all-trades utility players(46:36) Parenting in the AI era and how to teach resilienceThanks to our sponsors:Composio: Use AI to take action across 500 apps https://getrube.link/peterLinear: Try the platform for AI agents https://linear.app/partners/behind-the-craftGet the takeaways: https://creatoreconomy.so/p/7-counterintuitive-lessons-from-whatsapp-head-of-product-ami-voraWhere to find Amy:LinkedIn: https://www.linkedin.com/in/amvora/Newsletter: https://amivora.substack.com/📌 Subscribe to this channel – more interviews coming soon!
--------
50:44
--------
50:44
Full Tutorial: From Prototype to a Real SaaS App in 40 Minutes | Colin Matthews
Colin has taught 1000s of students how to build SaaS apps with AI. In this episode, he showed me exactly why my vibe coded prototype was insecure and how to convert it into a real SaaS app with auth, payments, and more. If you want to learn to build SaaS apps in 40 minutes with Cursor and Claude Code, then this episode is for you.Colin and I talked about:(00:00) The 7 components that every real SaaS app needs(01:44) Client, server, database: What most prototypes miss(08:57) Live demo: Adding Stripe, auth, and databases to my photo app(16:45) Why starting with templates beats prompting from scratch(20:30) The Supabase security flaw in most vibe coded apps(25:35) Why AI shouldn't touch your database directly(35:00) 4-steps to ship a real SaaS app that people will pay for(38:15) Why tech credentials no longer matter (and what does instead)Thanks to our sponsors:Composio: Use AI to take action across 500 apps https://getrube.link/peterLinear: Try the platform for AI agents https://linear.app/partners/behind-the-craftGet the takeaways: https://creatoreconomy.so/p/full-tutorial-turn-your-prototype-into-a-real-saas-app-ai-colin-matthewsWhere to find Colin:LinkedIn: https://www.linkedin.com/in/colinmatthews-pm/Course: https://maven.com/tech-for-product/vibe-code-your-next-side-project📌 Subscribe to this channel – more interviews coming soon!
Brasil