Web Adventures

Design Patterns For AI Interfaces

Vitaly Friedman

Design Patterns For AI Expert. Founder of SmashingMag, 
Speaker & UX Trainer.

The current state of AI interfaces, common challenges, and user expectations.

Understanding AI Interfaces in 2025

Master techniques to shape AI output and help users articulate their goals through prompt engineering and templates.

Guide AI Behavior and User Intent

Discover how to embed AI into your product smoothly.

Integrate AI Seamlessly into Products

See what works (and what doesn’t) by exploring real-world examples of AI interfaces. This session is packed with practic

Learn from Real AI Interfaces

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

Design better, faster, and smarter with AI

Columbia University

Amazon

Workday

City of Vancouver

Pratt Institute

Xinran Ma

Learn practical skills from AI Product Design Leader

Cohort 10

Cohort 11

AI is moving fast and too many design teams are still playing catch-up. The question is no longer&nbsp;“can we use AI?”&nbsp;but&nbsp;“how do we design it well?”. Without thoughtful UX, AI features risk alienating users and delivering little ROI. Master UX Design for AI (MXDAI)fills this gap by giving individuals and teams the tools to&nbsp;design AI that’s human-centered, transparent, and impactful. MXDAI isn’t just another UX course—it’s a&nbsp;career and capability accelerator&nbsp;for designers and design teams in an AI-first world. Built by a seasoned design leader and AI practitioner, this program goes beyond theory to give you&nbsp;hands-on experience designing AI applications&nbsp;that are intuitive, aligned with user mental models, and tied directly to business goals. Since launch in March 2025, over 100 students have graduated from MXDAI and consistently rated it 5 stars. → For Individual Designers: Build Your Career in AI UX AI is reshaping products everywhere. But most designers haven’t been trained to design for probabilistic systems, conversational interactions, or multimodal experiences. MXDAI is for you if you want to:- Adapt your design craft to AI and lead confidently in cross-functional settings.- Build a&nbsp;portfolio-ready AI case study&nbsp;that proves you can design beyond static interfaces.- Stand out in interviews and land new roles by showcasing end-to-end AI UX thinking.- Gain direct coaching and mentorship to accelerate your career. You’ll walk away with:- A portfolio-worthy capstone project that tells a compelling story of your AI design skills.- A repeatable framework to&nbsp;take a user-centered approach in defining high-impact AI use cases and driving alignment with cross-functional partners.- Hands-on experience prototyping and testing AI-driven flows using no-code tools like Voiceflow, Replit, Magic Patterns, Lovable and more- An ongoing community for support and learning, with meetups, critiques, and resources beyond the course. → For Teams &amp; Corporate Training: Build AI Capability at Scale For design leaders and product orgs, the challenge isn’t just knowing&nbsp;what AI can do—it’s knowing&nbsp;how to design and integrate it well. Too often, teams run into predictable hurdles: → Designers may lack AI literacy, which makes it difficult to anticipate probabilistic behaviors or design for multimodal interactions.→ Workflows can feel fragmented, with no clear sense of where AI belongs in the user journey.→ Trust becomes a sticking point—AI features get shipped but feel clunky, opaque, or unconvincing to users.→ And perhaps most common, design, product, and engineering lack a shared vocabulary, making cross-functional collaboration slow and frustrating. MXDAI addresses these challenges head-on.&nbsp;We train design teams in AI UX frameworks that can be applied immediately to your company’s products. Team cohorts are customized so that weekly assignments map directly to your business use cases, ensuring relevance from day one. By the end of the program, your organization won’t just have better-trained designers - you’ll have a&nbsp;team playbook for AI UX&nbsp;that standardizes best practices and accelerates future work. Your team will walk away with:- A common language and toolkit for AI design that fosters seamless collaboration with PMs, engineers, and data scientists.- Internal UX artifacts and prototypes tied to your company’s own product strategy, ready to influence upcoming roadmaps.- Hands-on experience applying AI design frameworks and prototyping tools to real use cases and not abstract exercises.- The skillset to deliver AI experiences that are trustworthy, intuitive, and aligned with your business goals.

Design AI experiences that users understand, trust, and keep coming back to


Build foundational AI design skills with expert-led modules. Learn user-centered AI design principles, perfect for busy design leaders and professionals.

OnDemand Content

Design AI experiences and receive weekly expert feedback on your portfolio project. Build a real-world AI design solution, ready for your professional portfolio.

Capstone Project

Join live sessions with your instructor for Q&amp;A, portfolio feedback, and insights on AI design decisions. Ideal for design leaders guiding AI-focused teams.

Live Design Sessions & Portfolio Feedback

Get in-depth strategies for AI design, ideal for design leaders wanting to develop the skills to lead teams in the AI design landscape.

Access to Advanced AI Design Strategies

Receive an official certificate upon completion of the course, demonstrating your expertise in designing user-centered AI solutions.

Certificate of Completion

Mid-Senior UX Designers. Learn to design AI experiences, build a portfolio project, and stay ahead in a fast-changing design landscape.

Design Leaders:&nbsp; Gain frameworks to lead AI projects, guide your team, and integrate human-centered AI into your org.

PMs &amp; Researchers:&nbsp;Understand AI UX patterns, improve collaboration, and design responsible, user-centered AI solutions.

Shape your mental models for AI UX: navigate non-deterministic user flows, apply systems thinking, and design for trust, transparency, and user control.

A Strong Foundation in AI Design

Use our proprietary journey mapping tools to identify and prioritize AI use cases—ensuring your designs deliver real user value and measurable business impact.

Strategic Understanding of AI Use Cases


Develop principles to shape AI experiences through trust, transparency, explainable AI, and by giving users agency and control at critical touchpoints.

Human-Centered Design Principles for AI


Build the UX logic of AI projects through flowcharts, journey maps, and system diagrams—developing the ability to think beyond screens and interfaces.

System-Level Thinking Skills


Leverage platforms like Loveable, Replit, Cursor, Voiceflow, and Magic Patterns to build interactive, working prototypes of your AI designs.

Interactive Prototyping with AI Tools


Use AI tools from Claude and Notion to Loveable and Voiceflow across multiple phases of your workflow—and build a clear understanding of how different tools support your design process.

Learn to Use AI Tools Across Your Design Process


Bring all assignments together into a final case study—stitching your work into a compelling narrative that demonstrates your end-to-end AI UX skills.

A Portfolio-Worthy Capstone Project


Get personalized feedback and guidance from the instructor—whether on your project, career trajectory, or navigating stakeholder challenges.

1:1 Weekly Coaching


Join group crit sessions, exchange diverse perspectives, and stay connected through monthly meetups long after the course ends.

A Highly Engaged Community & Ongoing Peer Network


Learn to design AI products that are intuitive and valuable. Build your AI project portfolio, get certified as an expert in UX for AI

Cohort 7

Rupa Chaturvedi

Summer Session

Cohort 8

How will this cohort transform you? Many designers struggle with the fast-changing world of AI and product design.They lack structured, practical learning and often feel overwhelmed by the constant shifts in tools and trends. It’s hard enough to understand how AI works let alone apply it to real-world products.And even when they do, they’re often missing the structure, expert feedback, or supportive community needed to turn that knowledge into portfolio-worthy case studies. That’s exactly what my 5-week cohort is designed to change giving you the structure, guidance, and hands-on experience to confidently design real AI products and level up your portfolio. AI product designers are in demand and well compensated:AI design is growing, with demand for design skills now outpacing coding. Nearly 80% of organizations use AI agents, and investments in agentic AI are delivering high returns. The global UX market is booming, projected to grow over 12x by 2030. The future of design is agentic, human-centered, and AI-driven. Founding product designer roles at AI startups are growing fast especially from YC and other leading accelerators. But many designers still struggle to answer AI-related questions or understand the underlying concepts.This cohort was built to change that with a structured learning program, hands-on projects, and access to Silicon Valley design leaders community. Course Outline • Onboarding and meet &amp; greet• Learn AI Product Design Strategy• Learn Prototyping with AI• Learn about AI Agent Experience Design• Storytelling and Demo Week• Meet industry experts &amp; guest speaker series• 1:1 Mentorship• Join a private Slack group• Access ongoing curated resources post-cohort Why This Course Stands OutMost AI design courses only scratch the surface. They skip over the hands-on tactics and real-world skills that actually make you job-ready. Random videos feel scattered, lack structure, and offer zero accountability.This cohort is different. It’s designed to help you build real projects, gain clarity, and grow alongside an active community all while learning directly from those designing AI products at the top. Tools you will learn • For UX Research &amp; Project Documentation: Google Notebook LLM • For Design: Figma and Figma Make AI(You’ll also get access to my Figma Course) • For AI Agent Design: We will build AI Agent with n8n.Bonus lesson : Vapi AI, Voice flow and Elevenlabs • For Vibe Coding: Lovable • For Presentation Design: Gamma AI Bonus:• Figma MCP + Cursor for AI-assisted design systems Plus: Access to an ever-growing AI tools hub.We’ll pick tools based on your project needs an art you’ll also master in this cohort.

Agentic Era is here | 80% of Organizations Are Adapting to AI

Curiosity, imagination, and grit are core skills in the age of AI you can learn the rest as you go.

Curiosity to Learn & Experiment With AI

One of the core missions of this cohort is to simplify complex AI projects.No advanced technical knowledge required.

No Coding or Technical Expertise Needed

Saturday 

This includes 1 hour of masterclass, 2–3 hours for your weekly project work, and optional Q&amp;A.

Weekly Commitment

Product Designers, Researchers looking to build their AI portfolios and switch to the AI industry.

Design Leaders, Managers&nbsp;looking to upskill and lead AI design projects.

Design Founder, Creative founders who want to do AI consulting or level up their design services through AI

We’ll break down complex AI topics like RAG, MCP, LLMs, agentic experiences, and more and help you build a strong foundation so you can speak the AI-native language fluently, while also learning a brief history of innovation in AI.

Understand the Fundamentals : How AI Works

In this cohort, you’ll learn to leverage AI tools to 10x your productivity, from improving UX research synthesis to ideation, prototyping, and crafting better product experiences.

Leverage AI workflows in UX research & Design Process 

Learn tools like Cursor, Lovable, Figma Make , V0, and more to prototype your ideas without limits.We will pick tools based on Individual project needs.

Prototype Functional Apps & Vibe Code

Learn how to design AI agents built to solve user and business problems, get the AI design handbook, access essential tools, and deliver outcomes with agentic systems.

Design and Build AI Agents

This cohort isn’t just theory you’ll work on hands-on projects over 4 weeks, from research to functional products. You’ll walk away with real work you can show to employers, add to your portfolio, and write a case study about.

Have portfolio ready 0 to 1 AI project

This cohort is designed to prepare you for the next phase of the industry. You’ll receive a career roadmap guide to help you meaningfully build and navigate your career.

Get AI product Design  roadmap

You’ll get access to a private Slack community where you can network and connect with designers and design leaders. Your network is your net worth.

Build your network with AI leaders

Design AI Products & Systems, Master AI Tools, and Become a AI UX Expert in 5 Weeks. Beginner-friendly program for frontiers and leaders.

Cohort 2

JPMorgan Chase & Co.

Citi Bank

TOCA Football

Thomas Jefferson University

John Rodrigues

Sr.Product Designer at JPMorgan | Founder of AI Design Academy

Design AI products & systems, master AI tools, and become a UX expert lead with confidence.

Cohort 1

Cohort 3

Course Overview ・Duration: 3 weeks, 12 live sessions・Format: Cohort-based course・Goal: Transform generic AI assistants into personalized coding partners that understand your codebase, patterns, and needs Learning Structure Each part (week) of the course includes:・2 live lessons・Office hours session (Q&amp;A and discussion)・Live practice session・Homework assignment (with both begginner-friendly and stretch exercises)・Pre-reads and lesson materials・Deep-dive collections (optional) for exploring topics in depth In addition, learning continues with:・Questions and discussions in the course Discord server・Guest lectures・Student exchange and collaboration Core Value Proposition Stop wasting time with generic AI suggestions. Learn to create a personalized AI coding partner that actually understands YOUR specific context and requirements, regardless of which AI tool you use (Cursor, Copilot, Amp, Claude Code, Windsurf, etc.). Instructors ・Eleanor Berger: Engineering and AI leader with experience in DevOps/SRE/Cloud, Applied AI, and Engineering Leadership.・Isaac Flath: Dev efficiency expert with experience at big tech, open source, and advising companies. Companies We've Helped ・SpecStory・Travel and Leisure・Cable &amp; Wireless Communications・GitHub・Microsoft・Google・Canonical・Answer AI・and more ... Companies Our Students Are From ・Amazon (AWS)・Microsoft・Google・X・Shopify・Cisco・LinkedIn・Red Hat・DocuSign・Qualcomm・Monster・Booz Allen Hamilton・TrustLayer・and more … Weekly Session Breakdown 🗓️ Week 1: Foundation &amp; Personalization 📋 Introduction to AI-Assisted Software Development・Course orientaion.・Tools and human in the loop - Claude, Copilot, Cursor, Codex … and you.・Recognize capabilities, limits, pitfalls, safety, and coding pattern basics.・Start with any modern IDE, terminal, or browser-based agent with near-zero setup. 📋 Context Engineering &amp; Frictionless Setup&nbsp;・Context stack: rules, docs, tools.&nbsp;・MCP in practice: context and action.&nbsp;・Supporting docs: importing key library/framework docs; updates; combining static imports with MCP.&nbsp;・Determinism &amp; validation: smoke prompts, golden answers, scripted checks. 🗓️ Week 2: Interactive Development &amp; Collaboration 📋 Interactive Agents &amp; Spec‑First Planning&nbsp;・Spec‑first flow: requirements → tasks → constraints → evaluation.&nbsp;・Mastering modern coding agents (in IDE and terminal).&nbsp;・De‑risking scope: narrow diffs, feature flags, rollback plans.&nbsp;・Custom MCPs, workflows, commands, and subagents. 📋 AI Code Review, PR Orchestration &amp; Security&nbsp;・Coding agent security: private data + untrusted context ⇒ risk.&nbsp;・Approvals &amp; execution modes and environments: fine-grained permissions, sandboxing, execution modes.&nbsp;・Auditability: structured logs and git history.&nbsp;・AI-powered DevOps: PRs, project management, deployment, observability. 🗓️ Week 3: Async Agents, CI/CD &amp; Advanced Techniques 📋 Async/Background Agents &amp; Dynamic Context&nbsp;・Background agent architectures: SaaS, GitHub Actions, scheduled tasks, job runners.&nbsp;・Effective delegation: specs and environments for end-to-end AI execution.&nbsp;・Automating software projects with continuous AI. 📋 Parallelization, Measuring Efficacy, &amp; Continuous Improvement&nbsp;・Accelerating productivity with parallel agents and workflows.&nbsp;・Measuring and reasoning about efficiency and quality in AI-powered software development.&nbsp;・Mining projects for evidence-based decision making and continuous improvement. Key Learning Outcomes 🛠️ Technical Skills・Universal AI Setup System: Build context systems that work across ALL major AI tools (no vendor lock-in)・Automated Context Evolution: Automate context updates based on actual coding patterns・Pattern Mining &amp; Analysis: Turn every AI mistake into a learning opportunity・MCP Server Development: Create practical automation tools for daily use 🏗️ Practical Applications・ Create and maintain context-independent rules across all major AI coding tools・ Efficiently manage and sync context for different formats (Amp, Copilot, Cursor, Copilot, Windsurf, Claude Code, etc...)・ Analyze conversation history to identify and fix AI pattern failures・Build real integrations that drastically enhance workflow 🔁 Workflows・Plan and task-based agentic processes・Targeted human augmentation approaches・Matching tasks to optimal AI assistance methods・Enterprise deployment strategies and processes 🏢 Enterprise Integration・ Implementing AI coding tools in enterprise settings・Security and compliance considerations・Team adoption strategies・Scaling personalized context across organizations・Integration with existing development workflows Target Audience Developers who:・Use AI coding assistants but feel limited by generic suggestions・Want to maximize productivity with personalized AI tools・Need a vendor-agnostic approach to AI coding assistance・Seek practical, production-ready solutions over theoretical concepts・Know AI should be better, but doesn't see how to get there Course Philosophy ・Focus on real-world applications・Vendor-agnostic approach ensures long-term value・Continuous improvement through automated pattern analysis・Practical tools you'll use daily in production environments

Transform generic AI assistants into personalized coding partners

While this is not a coding course, this content is to help people code

Coding Experience

If your events are recurring and at the same time, it might be easiest to use a single line item to communicate your course schedule to students

Tuesdays & Thursdays

Feel free to type out dates as your title as a way to communicate information about specific live sessions or other events.

May 7, 2022

Schedule items can also be used to convey commitments outside of specific time slots (like weekly projects or daily office hours).

Weekly projects

Developers who want to build technically solid solutions with confidence

Coders who want to move from copy-and-paste to consistent and reliable AI-assisted development skills

Engineers and leaders who need to adopt and grow dependable and repeatable AI-assisted software development processes

<ul><li>Universal AI Setup System: Build context systems that work across ALL major AI tools (no vendor lock-in)</li><li>Automated Context Evolution: Automate context updates based on actual coding patterns</li><li>Pattern Mining &amp; Analysis: Turn every AI mistake into a learning opportunity</li><li>MCP Server D</li></ul>

Technical Skills

<ul><li>Create and maintain context-independent rules across all major AI coding tools</li><li>Efficiently manage and sync context for different formats (Amp, Cursor, Copilot, Windsurf, Claude Code)</li><li>Analyze conversation history to identify and fix AI pattern failures</li><li>Build real integrations that</li></ul>

Practical Applications

<ul><li>Plan and task-based agentic processes</li><li>Targeted human augmentation approaches</li><li>Matching tasks to optimal AI assistance methods</li><li>Enterprise deployment strategies and processes</li></ul>

Workflows

<ul><li>Implementing AI coding tools in enterprise settings</li><li>Security and compliance considerations</li><li>Team adoption strategies</li><li>Scaling personalized context across organizations</li><li>Integration with existing development workflows</li></ul>

Enterprise Integration

Make it code like you do. Turn generic AI assistants into coding partners that actually get your style and have the right context.

Lightning Lessons

Design Patterns For AI Interfaces