Microsoft

Adobe

Etsy

Workday

Amazon

Xinran Ma

Founder of Design with AI |  3x Author | Startup Advisor

Cohort 2

Cohort 1

Cohort 3

Cohort 4

Cohort 5

Cohort 6

Cohort 7

Cohort 9

Cohort 8

Cohort 10

Cohort 11

Delete

Cohort 12

Cohort 15

Cohort 13

Cohort 16

Cohort 14

Become a stronger AI-powered designer in 2 weeks.

Founder of Design with AI 

Founder of Design with AI | 3x Author | Startup Advisor

AI for Product Designers

Staff UX Designer

Sr. UX Designer

Design Lead

Senior UX Designer

Sr. Lead Product Designer

Product Designer

Principal UX/UI Designer & Developer

UX/UI Designer ™ Senior UX/UI Designer

Columbia University

City of Vancouver

Pratt Institute

Many designers I talk to feel one of two things about AI: intimidated or overwhelmed. This course is built to move you past both, so you're the one driving the tools, not the other way around. This intensive course is specifically crafted for product designers and packed with practical frameworks and tactics. It features expert guest talks, detailed case studies, hands-on workshop, personal feedback, providing you with the skills needed to master AI throughout the design process. ✅ Real-World Applications and Case StudiesDelve into step-by-step case studies showcasing various applications of AI in product design. ✅ Latest Industry InsightsLearn from private guest talks by experts from top AI teams such as Google, Intercom, and LinkedIn.✅ Practical, Hands-On WorkshopSolidify your skills to apply latest AI workflows confidently in your product design tasks. ✅ Exclusive Resources and SupportGain access to a personal library of AI resources. Continue receiving support through exclusive 400+ alumni network and events after the course concludes.

Demystify new ways of designing with AI

Apply effective AI prompting techniques to generate better outputs

Navigate AI design tools confidently in practical workflows

Integrate AI into design thinking with intentions

Product DesignersLearn practical AI skills throughout the design process and get desirable outcomes faster and easier.

Design LeadersGain heads-on experience and real-world knowledge in AI. Get up to speed with AI trends.

Founders/AI EnthusiastsStay ahead of the trends with exclusive AI insights and detailed resources, and supportive community.

From environment setup to live deployment, you will see exactly how AI can accelerate every step of the process. This hands-on course is designed for anyone who wants to launch their first full-stack web app with the help of modern AI tools. You will learn how to move from idea to launch, gaining the confidence to plan, build, and deploy a working product. By the end of the program, you will walk away with a production-ready web application, a clear, repeatable process you can use again and again, and the technical skills to explore new ideas with confidence. Course Highlights ✅&nbsp;From Concept to Code with AILearn how to use AI-powered tools like Replit and Cursor to scaffold, build, and iterate on your app idea quickly. ✅&nbsp;Full-Stack Workflows Made SimpleCombine Supabase, Vercel, and modern frameworks to create a smooth end-to-end workflow, even if you are not a professional developer. ✅&nbsp;Practical, Hands-On PracticeParticipate in live working sessions where you can build your project, ask questions, and get real-time support. ✅&nbsp;Bonus Mini-LessonsAccess pre-recorded Loom videos covering environment setup, Cursor 101, and other foundational topics to help you get started faster. ✅&nbsp;Exclusive Community and SupportJoin a private network of fellow builders to share progress, get feedback, and stay motivated long after the course ends. Bonuses Included 🎁&nbsp;Alumni AccessRetake any future cohort for free, including all updated resources and materials. 🎁&nbsp;1:1 Consulting SessionA personal consulting session after the course to help you fine-tune your project or plan your next steps. 🎁&nbsp;Private Design with AI CommunityConnect with like-minded peers and receive ongoing support.

Learn to build responsive web apps using Replit or Cursor

Course syllabus

All live sessions will be recorded for future access.

Mondays & Fridays

Course schedule

Designers or Product Managers who want to&nbsp;learn just enough programming knowledge&nbsp;to confidently build a responsive web app with AI

Anyone who wants to build a functional side of a project but feel overwhelmed by coding and development, even with the help of AI tools

Aspiring entrepreneurs who want to turn their ideas into responsive web apps using modern tools and AI-assisted development

Who is this course for

What you’ll get out of this course

Learn how to take an idea from planning to deployment. By the end of the course, you'll launch a live MVP using modern frontend and backend tools.

Build and deploy a responsive web app in just 4 live sessions

Get comfortable with tools like Next.js, Tailwind, Clerk, Supabase, and Prisma even if you have minimal coding experience.

Learn essential frontend and backend development concepts

Discover how to use AI-assisted coding tools like Cursor, OpenAI, and voice-to-code workflows to plan, write, and debug code faster and more creatively.

Use AI tools to accelerate your development process

You’ll leave with a shareable live app and a repeatable process you can use for future projects, side hustles, or freelance work.

Gain confidence turning your own ideas into live products

Gain essential skills to build full-stack apps with tools like Replit and Cursor

Junaid Dodhia

Software Engineer | Designer | Coding Instructor

Founder of Design with AI | 3x Author

This is probably the most practical course you can find on crafting and presenting UX case studies. How you present your case studies in interviews is critical yet challenging. It will directly impact your interview performance and job offers. But if you only start thinking about how to present your work after receiving a recruiter’s call, it may already be too late. This course covers far more than presenting; it teaches you how to practically use storytelling to craft and refine your case study narratives. Furthermore, it shows you how to use storytelling as a powerful, strategic tool to stay focused, prioritize tasks, save time, and gain clarity. ✅ Actionable Strategies: You’ll learn proven frameworks to structure your case study with clarity and impact, helping you deliver a story that truly stands out. ✅ Hands-On Workshops: Each session is packed with tips and techniques designed to sharpen and elevate your story. You'll gain a lot of clarity through tailored exercises. ✅ Focused Prioritization: Learn how to prioritize what matters most. Transform your case study in just two weeks and achieve a bigger impact with less time and effort. ✅ Personalized Feedback: Receive feedback from the 5-time ADPList's Top 1% Mentor with extensive experience interviewing at all kinds of companies (FAANG, large enterprises, startups). Your instructor knows what interviewers look for—and how to impress them. ✅ Bonus Resources: Access a high-resolution case study storytelling book, worksheet, and other valuable resources designed to reinforce what you learn in the course. ​Bring a case study to the class and we'll work together to make it shine.

​Your UX Case Study's transformation starts here.

Intensive sessions with frameworks, tactics, and exercises.

Lecture + Workshop

Bonus resources ($50+ value) and personal feedback.

Resource + Support

Junior UX or Product DesignersTurn your projects into great case studies that stand out in the job interviews.

Students Entering the UX FieldDiscover actionable storytelling strategies and tips to make your case studies shine.

Senior UX or Product DesignersElevate your case studies and land great job offers with proven storytelling strategies.

Learn and apply the most actionable, no-fluff storytelling methods tailored for UX and product designers. You’ll walk away with practical storytelling frameworks that engage interviewers and keep their attention.

Master Key Storytelling Techniques for UX and Product Design

Level up your case study quality by crafting and refining the core storyline. This will create a strong foundation for your case studies and make them memorable, easy-to-follow, and much more impactful.

Create Memorable Stories that Stand Out in Interviews

Learn how to identify and extract key storytelling elements from each phase of your project. It will enable you to craft a much more engaging narrative that highlights you as a strong designer.

Gather Essential Storytelling Components from Your Project Process

Gain tailored guidance and feedback on how to craft case studies that emphasize your unique design approach and style. The personalized advice will help you create and deliver job-winning presentations.

Receive Personalized Feedback for Your Case Studies

Join a private group of like-minded designers for continued support, feedback, and inspiration.

Exclusive Community to Grow Together

Transform your projects into powerful case studies that impress interviewers and land offers.

Transform your case study through the most practical storytelling course.

Founder of Design with AI

Get instant access to the database with personal takeaway, genre tags, favorite quotes, and ratings.

Xinran's Product Book Notes

A personal Notion database that includes 70+ common questions, tips, bonus questions, easy-to-apply filters

AI Prompts for Product Designers

Get access to the conference database and enjoy updates

2026 Conferences on UX, Design, AI, and Product

Case Study Storytelling - A Product Designer’s Guide To Crafting and Presenting Compelling Stories

1-hour coaching or consulting tailored to your goals.

1:1 with Xinran: Coaching & Consulting

Learn how designers turn ideas into designs using Claude Code

Founding Product Designer at Eve

Ayon Bhattacharya

Product Designer who does 95% of his work directly in Claude Code (and Cursor)

Designers are increasingly expected to prototype faster, communicate more directly with engineering, and explore product ideas with greater fidelity. However, most AI coding tools are still taught from an engineer-first perspective.This hands-on workshop helps designers bridge that gap by learning practical, hands-on workflows for using Claude Code. You'll learn how to go from ideas to working interfaces, prototypes, and product experiences.Rather than focusing on theory, the session teaches participants how to collaborate effectively with AI tools, structure projects for better outputs, and build confidence working directly in modern AI-native product workflows.You’ll get hands-on practice and support throughout this 2-hour workshop.

Product designers who want to learn how to use Claude Code practically in their day-to-day.

Design leaders who want a hands-on walkthrough of applying Claude Code to real-world workflows.

Anyone who is interested in learning how to use Claude Code to design, think, and build.

A simple workflow to build design system in Cursor

Product Designer who does 95% of his work directly in Cursor and Claude Code

Many designers want to design in Cursor using an existing design system, but they often run into challenges.Integrating with production code can be complex and often requires significant engineering support—one reason why bridging design and code remains a headache for many teams.This 2-hour workshop introduces a proven, practical workaround for design teams: building a design system in Cursor for design generation. It enables on-brand designs without the complexity of production code and makes handoffs and communication with engineers easier.You’ll walk away with something you built step by step with us—a simple workflow you can use right away, grow over time, and share with your team to show why this approach is worth investing in.

Product designers who have used Cursor before and are familiar with using Figma MCP

All designers who are interested in learning how to create design systems in Cursor and generate designs

Design managers or PMs who are interested in learning how this pratical workflow works

Xinran Ma will help you design better with AI

Xinran Ma

About Xinran

Courses

AI for Product Designers

AI-Assisted App Development

Case Study Storytelling

Workshops

Claude Code for Designers

Build a Design System in Cursor for Design and Prototyping

Lightning Lessons

After the Idea, There's Plenty of Time to Learn AI

How to Become an Agentic Designer

Building More Accessible Products in the Age of AI

Systematic AI for Design: Skills, Craft, Thinking

Designing at Scale: Creating Leverage with AI

The Full-Stack AI Designer: From Vibe to Velocity

Services

1:1 with Xinran: Coaching & Consulting

Resources

Xinran's Product Book Notes

Top Behavioral Questions in Product Design Interviews

AI Prompts for Product Designers

2026 Conferences on UX, Design, AI, and Product