Xinran Ma

Cohort 2

Cohort 1

Cohort 3

Cohort 4

Cohort 5

Cohort 6

Workday

Cohort 7

Cohort 9

Cohort 8

Cohort 10

Cohort 11

Delete

Cohort 12

Cohort 13

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

UX designer

Staff Product Designer

Senior Product Designer

Sr UI Designer

Senior Experience Designer

Product Designer

Sr UX/UI Designer

Product Designer 

Columbia University

Amazon

City of Vancouver

Pratt Institute

81% of executives believe that AI will be the most significant future advantage. Learning AI isn't just a choice; it is a critical strategy to stay ahead and gain a competitive edge in your career, sooner rather than later. This intensive course is specifically crafted for product designers and packed with practical frameworks and tactics. It features expert guest talks, hands-on exercises, 1:1 feedback, providing you with the experience needed to master AI throughout the design process. ✅ From Concept to Creation with AILearn how to apply AI throughout the design process, from ideas to prototypes. ✅ Real-World Applications and Case StudiesDelve into detailed case studies showcasing the application of AI in product design. ✅ Latest Industry InsightsLearn from guest talks by expert practitioners from top AI teams at including Google, LinkedIn, Intercom, and Slack.✅ 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 and tools. Continue receiving support through exclusive alumni network and updates after the course concludes.

Learn actionable AI skills to gain a competitive edge in the industry

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 |  3x Author | Startup Advisor

A simple workflow to build design system in Cursor

Founding Product Designer at Eve

Ayon Bhattacharya

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

Better, Not More: Design in the New Practice

Luna Wei

Product Designer at a FAANG company

Learn a practical 3-phase workflow (grounding, reasoning, prototyping) to expand exploration breadth and depth.

Use AI to raise design quality, not just output volume

Understand where AI helps most, where it misleads, and how to avoid idea overload and plausible-but-weak directions.

Keep human judgment at the center of faster workflows

See tighter designer-engineer loops, new design artifacts, and a move from static deliverables toward interactive ones.

Learn directly from Xinran Ma

Xinran Ma

About Xinran

Courses

AI for Product Designers

AI-Assisted App Development

Case Study Storytelling

Workshops

Build a Design System in Cursor for Design and Prototyping

Lightning Lessons

Better, Not More: Design in the New Practice

Stop Drawing, Start Building: Vibe Designing with Cursor

Ship PRs as a Designer

Integrating ‘Vibe Coding’ Into the Product Design Workflow

Practical Tips for Agentic Prototyping

Workflows to Think, Test, Build and Ship with AI