UI Design & Prototyping
When you finish, you can
Design and prototype a polished, accessible interface from wireframe to developer handoff.
Start hereYou need GD-201. Pick one small app idea and build it through the course in Figma.
Debate a counselor
Take a position on UI Design & Prototyping. The AI counselor argues the other side, asks you questions back, and cites a source for every fact it states. Sources listed under a reply are the pages it actually found; if none are listed, it is arguing from reasoning only. It is an AI and it can be wrong: check the sources.
What changed
Loading…
Discuss this course
A room for people taking this course, in any language, translated for every reader. Open breakout rooms for one question at a time.
Enter the course roomCourse Syllabus
9h totalPractice
- Set an 8-point grid and a 12-column layout for desktop and a 4-column for phone.
- Build a button component with three states.
- Create a dark variant of your palette and check contrast again.
Check
Which colour changed most between light and dark and why could a simple inversion not do it?
Topics Covered
Ready to start?
Free. No account required. Progress saves in this browser — no account exists.
Start This Course