← Back to Courses
Graphic Design & UXadvanced
GD-301

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.

9 hours total5 Chapters20 Lessons1 ExamsFREE
Start This CourseFree. No account required.

Updated · What changed

How this course updates itself

Every day we scan the latest information in every field. We share with you what we think is a change as we go through regular course curriculum work, so it's the most current thing possible.

Nothing in the news has changed what this course teaches. The daily scan last checked it on ; when something does change, a dated note with sources appears here.

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.

    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 room
    Prerequisites::GD-201 User Experience Research

    Course Syllabus

    9h total

    Practice

    1. Set an 8-point grid and a 12-column layout for desktop and a 4-column for phone.
    2. Build a button component with three states.
    3. 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

    uiprototypingwireframes

    Ready to start?

    Free. No account required. Progress saves in this browser — no account exists.

    Start This Course