New: Roadmaps ordered paths through our cheat sheets and flashcards, so you always know what to study next.
Explore themSee what's new on GitHubFrom a blank page to a portfolio-ready UX case study.
A 11-step learning path. Follow it in order, or jump to what you need.
This path is for anyone starting UX design from scratch, no design background required. It runs about 5 weeks at a few hours a week, following the shape of the Google UX Design Certificate: research, wireframes, high-fidelity screens in Figma, and usability testing. It stays on the hands-on research-and-craft side of the work and does not cover design systems, DesignOps, or business-side product strategy, which the separate Product Designer path owns. By the end you can run a user interview and turn it into a persona, build a click-through Figma prototype from a low-fidelity wireframe, run a usability test and act on what it shows, and present a portfolio case study a hiring manager can follow.
No prior experience needed. Start from zero.
Every UX path on this site starts here: a five-stage process for turning a vague product problem into a testable idea before you open any design tool.
Interviews and surveys turn the empathize stage from step 1 into evidence about real people, the personas and journey maps you'll keep referencing for the rest of this path.
Low-fidelity sketches let you test the structure your research in step 2 pointed to before committing a single pixel to Figma.
You can turn a fuzzy product problem into real user research and a low-fidelity wireframe that reflects what people actually need. Next up: making it look and feel real in Figma.
Finish this section to unlock.
+100 XP
Rebuild the wireframes from step 3 as a working, click-through prototype in the tool nine in ten UX teams design and hand off in.
Typography, color, and layout choices from step 4 behave differently on a five-inch screen, so this applies those same principles to thumbs, gestures, and small viewports.
This is where inclusive design clicks: the color contrast and screen-reader support from step 5 either work for every user or silently exclude millions, and you'll come back to check this on every future screen.
You can build a high-fidelity, responsive prototype in Figma that holds up under real color-contrast and screen-reader scrutiny, with a few due flashcards from chapter 1 keeping your research vocabulary sharp while you build. Next up: putting it in front of real users.
Finish this section to unlock.
+100 XP
Put the Figma prototype from step 4 in front of real users and let their struggles, not your opinion, decide what changes next.
Product teams facing a big decision compress steps 2 through 7 into one week; take this if that fast-moving environment is where you're headed.
Hiring panels remember a well-told case study far longer than a features list; take this if you want the research from step 7 to actually land in an interview.
Behavioral and whiteboard questions catch portfolio-ready candidates off guard; take this if you're about to start applying and want step 11's case studies backed by confident answers.
Package the research, wireframes, and testing from every earlier step into three case studies, the actual deliverable hiring managers ask for before an interview.
You can run a usability test, read the evidence honestly, and package the whole process into a portfolio that gets interviews, the loop the Google UX Design Certificate was built to teach. That's the UX Designer badge, earned.
Finish this section to unlock.
+100 XP
Finish every required step, at least 70% of them genuinely done (not skipped), to earn this badge and 500 XP.