A Proven 5-Step System to Prototype Apps with AI | Xinran Ma

In this interview, Xinran Ma, the founder of the "Design with AI" newsletter and instructor of the "AI for Product Designers" course, shares five practical tips for designing great apps using AI. Xinran discusses the drawbacks of using VibeCoding tools for design and introduces the concept of Vibe Designing. She highlights five gaps in design exploration: the need for upfront clarity, better iteration tracking, divergent thinking, mixing and matching ideas, and manual design revision. Xinran recommends using custom GPTs to clarify prompts and introduces Magic Patterns and Subframe as tools to address these gaps, demonstrating how to generate multiple prototypes, mix components from different designs, and switch between AI-assisted and manual design modes. She also shares tips on making AI-generated designs look more unique by using reverse prompting and custom instructions.