Show Notes
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 slop
Get the takeaways: https://creatoreconomy.so/p/a-proven-5-step-system-to-prototype-apps-with-ai-xinran-ma
Where to find Xinran: Newsletter: https://designwithai.substack.com LinkedIn: https://www.linkedin.com/in/davidmaxinran/
📌 Subscribe to this channel – more interviews coming soon!
More from Behind the Craft
Pomp and I worked together at Facebook a decade ago before he became an investor, best-selling author, and public company CEO with an audience of 3.3M. We had a great chat about how to build an extraordinary career and life and how he's building Silvia, an AI CFO for independent investors, to take on the AI labs.
Micky is a full-stack engineer who has taught 100K+ people how to build with AI. In our episode, he walked me through his 4-step agentic engineering workflow to avoid pumping out slop: Isolate every task, build to a clear structure, prove via validation loops, and ship after agents review your PRs or escalate to you for a manual look.
Sam is the co-founder of Granola, the AI meeting notes app now valued at $1.5B. Granola has helped me survive (and even enjoy) countless meetings, so I was excited to learn how Sam uses AI to show up prepared. We also talked about building an AI-native company without the 996 grind and what design means when agents skip your app entirely.
Copy my best AI workflows to save time and automate busywork: https://www.behindthecraft.com 🤝 Subscribe to my practical AI newsletter read by 150K+ professionals: https://creatoreconomy.so
Ethan is the product lead for ChatGPT Finances at OpenAI. He previously co-founded Digit, which helped more than 10 million people save over $9 billion. In our interview, he shared six practical ways to use ChatGPT to find wasted spending, save money on taxes, maximize credit card rewards, and model major financial decisions. I’m confident at least one of these use cases will save you money today.