# AI for UX & UI Design (Self-Paced) Canonical URL: ## Overview Get comfortable using AI throughout your UX work while holding on to your design judgment, your accessibility standards, and the user's sense of control. Step by step, you'll put together a reusable AI-powered UX workflow that stretches from research and product thinking into design, prototyping, and evaluation. Everything is taught through one focused sample project. You'll open an AI workspace that grows as the project does, use AI to make sense of your research, work out what an appropriate AI-powered experience actually needs to do, design an inclusive user flow, and turn that design into a prototype people can click through. Then you'll put it in front of realistic scenarios, look hard at what the AI produced, and improve both your design and the instructions you gave the AI. You're never tied to one AI model or one company's tools. What you take away are transferable workflows and responsible AI habits that work just as well in Claude Code, OpenAI Codex, Figma Make, or whichever AI development environment you land on. ## What you'll learn - Set up a reusable AI workspace that carries your UX process from research through prototyping and testing - Get AI to organize your research, pull out patterns, and help shape evidence-based product opportunities - Take research findings into problem statements, user journeys, user stories, and feature priorities - Work out where AI should act, assist, recommend, request approval, or simply leave control with the user - Design inclusive AI-powered experiences that expect accessibility needs, uncertainty, errors, correction, and recovery - Take structured Figma designs into clickable prototypes using AI-assisted development tools - Put AI-powered experiences through realistic scenarios, including missing information and wrong or shaky output - Look critically at AI-generated work and improve its design quality, accessibility, consistency, trust, and user control - Walk away with a repeatable Agentic AI workflow for whatever you design next ## Prerequisites This advanced course is intended for UX designers and graduates of the UX & UI certificate program who understand the UX process and are comfortable working independently in Figma. ## Curriculum #### Day 1: Build Your AI Brain - Capture your UX process, methods, standards, project goals, audience, constraints, measures of success, and expectations for how AI should support your work in one shared workspace. - Teach an AI agent how you approach research, design, testing, and decision-making, and create a system that improves as new project information is added. - Plug your Skills.MD into real research tasks and guide AI to generate research plans, questions, and hypotheses. - Use prepared competitive research, behavioral research, survey results, and interview notes to organize information, identify patterns, and suggest findings and opportunities. - Compare AI outputs with the original research, remove exaggerated, unsupported, or overly general findings, and refine instructions when the agent makes assumptions. - Develop a clear project brief, working AI Brain guidelines, and research findings to guide the next phase of the project. #### Day 2: Design the Product and How AI Should Help - Use your AI Brain to generate problem statements and opportunity areas, map user journeys, and turn research findings into user stories and feature priorities. - Choose one focused product opportunity and define where AI should act, assist, recommend, ask for approval, or leave control with the user. - Plan human review, approval, correction, and intervention, including smooth handoffs between AI support and human support. - Design an experience that helps users understand what AI is doing and accounts for consent, correction, undo, uncertainty, errors, and recovery. - Develop a mid-fidelity user flow that is inclusive, accessible, understandable, and grounded in the research findings. - Review the flow for accessibility, inclusive design, trust, and user control, then add the resulting product direction, AI responsibilities, interaction patterns, and accessibility guidelines to your AI Brain. #### Day 3: Turn Your Design into a Working Prototype - Prepare clean, structured Figma files with reusable components and consistent styles for AI-assisted development. - Use tools such as Figma Make, Claude Code, or Codex to turn designs into an interactive prototype using project goals, research findings, user needs, accessibility requirements, design guidelines, and expected AI behavior. - Review the AI agent’s proposed approach before building, then compare the generated prototype with the intended experience for design quality, accessibility, and consistency. - Define success criteria and create realistic testing situations involving successful tasks, incomplete information, uncertain AI responses, incorrect results, human approval, correction, and recovery. - Evaluate clarity, accessibility, trust, and user control, and determine whether issues should be corrected in the interface, user journey, AI instructions, accessibility guidance, project information, or testing criteria. - Update the appropriate parts of your AI Brain and prototype based on testing results, then test the experience again. #### Independent Student Project - Define a product challenge and audience, build and customize your own AI Brain, and create a focused research plan. - Gather and organize supporting evidence, analyze the research, and identify product opportunities. - Develop problem statements, a user journey, and user stories, and define how AI should support the experience and where human controls are needed. - Create a working prototype and vibe-code a React or Next.js prototype using design-system context. - Test realistic situations and AI responses, including variable AI outputs, and document improvements and design decisions. - Turn the completed work into a portfolio-ready case study. ## Pricing **Tuition:** $975