← Back to Courses
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 Exams3 CreditsFREE
Start This CourseFree. No account required.

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 room

    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