5-Day Free Course · Design

UX Design From Research to Working Prototype

User research, information architecture, wireframing, Figma prototyping, usability testing, and developer handoff. The UX course for developers who want to design better interfaces and designers who want to communicate more effectively with engineering.

5 days self-paced
Free forever
Text + external video refs
No signup required
ux-design$figma export --format=cssDesign tokens: 142 exported$Usability test: 5 sessions done$
5
Days
30+
Code Examples
5+
External Videos
$0
Forever Free

No videos. On purpose.

This is a text-first course that links out to the best supporting material on the internet instead of trying to replace it. The goal is to make this the best course on ux design you can find — even without producing a single minute of custom video.

Practitioner-tested, not vendor marketing

This course is built by engineers who ship ux design systems in production. It reflects how these tools actually behave at scale.

Code you can run, not demos to watch

Every day includes working code examples you can copy, run, and modify. Understanding comes through doing.

Links to the canonical sources

Instead of re-explaining existing documentation, this course links to the definitive open-source implementations and the best reference material on ux design available.

Completes in 5 one-hour sessions

Each day is designed for about an hour of focused reading plus hands-on work. Do the whole course over a week of lunch breaks. No live classes, no quizzes.

The 5 Days

Each day stands alone. Read them in order for the full picture, or jump straight to the day that answers the question you have today.

01Day One

User Research and Discovery

Generative vs evaluative research, user interviews (how to ask questions that don't lead), affinity mapping, jobs-to-be-done for UX, personas as tools not decorations, and the research methods that work with small teams and short timelines.

user interviewsaffinity mappingJTBDpersonas
02Day Two

Information Architecture and User Flows

Card sorting, sitemap design, navigation patterns that reduce cognitive load, user flow diagrams for the key tasks in your product, and the IA mistakes that make apps feel confusing even when the individual screens are clear.

card sortingsitemapsuser flowsnavigation patterns
03Day Three

Wireframing and Low-Fidelity Prototyping

The purpose of wireframes (thinking tool, not deliverable), sketching techniques, wireframe fidelity decisions, translating user flows to screens, and Figma basics for wireframing — frames, auto-layout, and components.

wireframesFigmaauto-layoutcomponents
04Day Four

High-Fidelity Prototyping in Figma

Figma interactive prototyping, smart animate transitions, variables for light/dark mode, prototyping states (hover, pressed, error), and building a clickable prototype that tests like a real product.

Figma prototypingsmart animatevariablesinteractive states
05Day Five

Usability Testing and Developer Handoff

Moderated vs unmoderated usability testing, the 5-user rule, finding patterns across sessions, Figma Dev Mode for developer handoff, design tokens, and the design-to-code workflow that reduces implementation errors.

usability testing5-user ruleFigma Dev Modedesign tokens

The best external videos on this topic.

Instead of shooting our own videos, we link to the best deep-dives already on YouTube. Watch them alongside the course. All external, all free, all from builders who ship this stuff.

Read the source.

The best way to deepen understanding is to read the canonical open-source implementations. Clone them, trace the code, understand how the concepts in this course get applied in production.

Three kinds of people read this.

Developers Who Build Their Own UIs

Engineers who own the frontend make UX decisions constantly. This course gives you the vocabulary and tools to make better decisions — user flows, Figma, and usability testing.

Founders Designing Their Product

Before you can afford a designer, you're the designer. This course covers the minimum viable UX skills for building something users can actually use.

Designers Working With Engineering Teams

Understanding how engineers think about implementation makes your designs more buildable and your handoffs less frustrating. This course covers the developer side of the design-to-code workflow.

Want to Go Deeper In Person?

The 2-day in-person Precision AI Academy bootcamp covers UX design and AI product design in depth — hands-on, with practitioners who build AI systems for a living. 5 U.S. cities. $1,490. 40 seats max. June–October 2026 (Thu–Fri).

Reserve Your Seat