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

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

AI-Assisted App Development

Design Founder

Product Design Consultant

Design better, faster, and smarter with AI

Learn practical skills from AI Product Design Leader

AI for Product Designers

Founder

Product Communications Design Lead

Senior Design Program Manager

Principal Product Designer

Senior Experience Designer 

Lead Product Designer

Product Design

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 hands-on exercises and personal 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 early ideas to wireframes to AI-powered prototyping. The tactics will transform how you approach design challenges and design faster and smarter. ✅ Real-World Applications and Case StudiesDelve into detailed case studies showcasing all kinds of AI integrations in product design. These examples will provide insights into the latest trends of AI and how product designers can learn and adapt. ✅ Practical, Hands-On Workshops Engage in targeted workshops that equip you to use AI effectively across diverse scenarios. The hands-on exercise are designed to solidify your understanding and skills, enabling you to apply AI tools confidently in your day-to-day design tasks. ✅ Latest Industry InsightsLearn from the author behind the top AI newsletter in product design and 5x recipient of ADPList's Top 1% Mentor in Design. Insights gained from running regular AI workshops in universities. ✅ Exclusive Resources and AI ToolkitsGain access to a personal library of AI resources and database. These bonus materials are designed to support your continuous learning and application of AI in your projects. ✅ Continuous Support and CommunityJoin a vibrant community of like-minded professionals and continue receiving support through exclusive alumni networks and updates long after the course concludes.

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

Course syllabus

Intensive sessions with frameworks, tactics, and exercises.

Lecture + Workshop

Carefully-designed exercises to apply AI in real-world examples.

Hands-on exercises

Bonus resources ($200+ value) and office hours

Additional support

Course schedule

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.

Who is this course for

What you’ll get out of this course

Understand the real-world application of AI in product design, from ideation to wireframes, from high-fidelity design to copy.

Analyze the latest trends in applying AI to product design.

Learn how to better leverage AI through hands-on exercises. Refine outcomes with fine-tuning techniques and actionable tips.

Explore the capabilities and constraints of AI in product design 

Get personal frameworks and tips to achieve the best results based on what you need.

Become proficient in crafting tailored AI prompts for diverse goals and scenarios.

Master the workflow through demos and practice. Know which tools to use under different scenarios.

Become proficient in leveraging AI in Figma to achieve optimal outcomes

Columbia University

Amazon

City of Vancouver

Pratt Institute

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

All live sessions will be recorded for future access.

Mondays & Fridays

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

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

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.

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.

Vibe Designing with AI

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

Learn why this topic matters and explore different types of vibe designing workflows.

Design with "vibes"

Watch detailed demos on how to creatively turn abstract ideas into designs with AI.

Explore end-to-end AI workflows

Learn how to effectively iterate designs and keep track of them.

Brainstorm and iterate designs with AI

Join this collaborative session to "vibe design" with the instructor together.

Create Together, Live

From Prompt-Based Prototype to AI-Powered Web App

Software Engineer | Entrepreneur | Coding Instructor

Founder of Design with AI | 3x Author | Featured Course Instructor

From a prototype to a working full-stack web app

Use tools like Replit to build faster and smarter

Bridge the gap: No-code prototypes and production-ready apps

Enroll in the Maven course and book a 1-on-1 consultation

From Zero to Product: Building with AI as a Designer

Krystian Zun

Product Designer | Serial Product Builder

Working with AI means shifting how you think. You don’t need to know how to code, but know how to guide it.

Think in prompts, not just pixels

How Krystian went through the whole loop: validated demand, built a waitlist, grew page views, and monetised it.

From Idea to Revenue

How I built new features and automated nearly all operations without knowing how to code.

Building and Automating with AI

What worked (and what didn’t) from sharing the journey online, and how small projects can lead to amazing opportunities.

Lessons from Building in Public

Turn a prototype into a working full-stack web app

Use tools like Cursor, Supabase, and Gemini to build faster

Create AI-Powered Prototypes as a Product Designer

Founder of Design with AI | Course Instructor | Author

Get firsthand insights from leading AI-powered app building tools.

Understand the Current Landscape of AI App Builders

Watch hands-on demonstrations of real workflows so you can apply them confidently in your process.

Learn Different AI-Powered Workflows Through Live Demos

Gain clarity through actionable frameworks that help you choose the right tool for your project.

Learn When to Use Which Tool or Workflow

AI-Assisted Coding for Designers E6: Plan & Ship Your App

Founder of Design with AI | AI Course Instructor | 3x Author

Use utility classes and pre-built components to create clean, modern UIs without starting from scratch.

Intro to Tailwind + shadcn/ui

Understand spacing systems, layout grids, and design tokens that help your UI scale.

Designing with Developer Constraints

Learn how to break your app idea into features, flows, and priorities.

Scoping a Feature or MVP

Push your app live with one-click deployment and connect it to your GitHub repo.

Deploying to Vercel

Add polish, test flows, and plan how to share your live app.

Making It Real

AI-Assisted Coding for Designers E5: APIs and Supabase

Learn what APIs are, how they work, and how they connect apps to external data or services.

APIs, Explained Simply

Use fetch() in JavaScript or Next.js to get data and display it in your UI.

Calling an API from Your App

Understand how data structure influences layout and user experience.

Designing Around Dynamic Data

Understand Supabase as a modern backend-as-a-service platform with real-time database, auth, and storage.

What Supabase Is and Why It’s Useful

Store and retrieve data with the Supabase client. Explore basic user authentication, file uploads, and real-time update.

Connect Your App to Supabase

Teddy Ni

Co-founder of Magic Patterns

Join us for a live demo showcasing how to integrate the latest AI tools into your design workflow.

"Vibe Designing" with AI Tools

Master the use of AI by recognizing its strengths and, crucially, its limitations.

Understanding AI Tools' Limitations

Explore how to build tangible, functional prototypes that visually convey your ideas.

The Future is Designing with Code

Discover the direction of frontend engineering and design industries and learn strategies to stay ahead of the curve.

Essential Skills in the AI Era

AI-Assisted Coding for Designers E4:Version Control with Git

Understand why version control matters and how Git helps you track, save, and collaborate on your code over time.

The Why Behind Git

Learn just the essentials — commit, push, pull, branch — without getting lost in the terminal.

Core Git Commands

Explore how GitHub can work like a creative portfolio: version history, clean project structure, and collaboration tools

How to Use GitHub Like a Designer

AI-Assisted Coding for Designers E3: Just Enough JavaScript

Understand the core concepts of JavaScript that actually show up in real projects — variables, functions, and DOM intera

The Basics, Without the Bloat

Learn how to use JavaScript to add behavior to your designs — button clicks, hover states, dynamic elements, and more.

Making Your UI Interactive

Discover how to use AI to explain unfamiliar code, suggest changes, and help you debug while you build.

Xinran Ma

Xinran Ma

Courses

Lightning Lessons

Reviews