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

Cohort 12

Delete

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, Senior Team Lead

Creative Director

UX UI Designer

Product Designer

product designer

Senior Interaction Designer

Senior UX Manager

Senior Product Designer

Product Designer I

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 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 ideas to prototypes. ✅ Real-World Applications and Case StudiesDelve into detailed case studies showcasing the application of AI in product design. ✅ Practical, Hands-On WorkshopsSolidify your skills 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 with latest Insights. ✅ 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.

Level Up Your UX Career in the Age of AI

Rikki Teeters

AI Design Leader at Amazon | Author of Conscious UX

How to Stay a Human-Centered Designer in the Age of AI

Transitioning from Designer to Product Builder

Using Gen AI in Your UX Design Process

Leading AI Through Conscious UX

Vibe Designing with AI

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.

Xinran Ma

Xinran Ma

Courses

Lightning Lessons

Reviews