Udemy – Claude AI UI/UX: Complete Workflow from Brief to Figma

That’s exactly what you’ll do here. No dry theory, no toy exercises. You’ll watch one real project — Pika, a mobile booking app for a pickleball court chain — travel the entire journey from a vague client email to a polished, token-based Figma file with a working clickable prototype. And you’ll build it with me, step by step.

I’ve been a designer since 2011. I’ve watched the market shift from Photoshop to Figma — and now to AI. Here’s the truth: designers who master an AI workflow now ship in days what used to take weeks. This course hands you that exact workflow.

THE METHOD: 20 STEPS · 8 PHASES · 3 WORK ZONES

• Zone 1 — Think (Phases 1-3). 80% of an interface’s quality is decided before the first pixel. Inside Claude Cowork you’ll dissect the brief, interrogate the business model, analyze competitors, define a North Star metric, build four personas, and turn it all into a feature list, sitemap and user flows.
• Zone 2 — Produce (Phase 4). Pack every decision into one master-spec file, feed it to Claude Design with a truly visual, prescriptive prompt, refine the result with screenshot feedback, and export the entire app as HTML.
• Zone 3 — Finish (Phases 5-8). The part most courses skip. Extract your UI into a real design system — three W3C token files, Figma variables, text and effect styles — then let Claude drive Figma MCP to build a component library with states, swap instances into your screens, wire the clickable prototype, and package everything for developer handoff.