Yiga AI

Course 10 of 10

Design Systems

Tokens, Components, Documentation, and more.

Yiga AI

Intermediate en

Intermediate · Course · 3 weeks at 5 hrs/week

Duration
3 weeks
Effort
5 hrs/week
Lessons
16
Hands-on exercises
16
Projects
1
Language
en

What you’ll learn

Skills you can put to work.

Design Thinking & UX Foundations

Figma Fundamentals

Visual Design & Typography

Mobile-First & Accessible Design

Syllabus

Every module, step by step.

4 modules · 21 lessons · 14 hours · 1 graded project

840 minutes of guided lesson time.

Sign in and enrol to unlock every lesson. The first lesson is open as a preview.

Module 1 · 5 lessons · 3 hoursTokensModule 1 of 4 in Design Systems.

  1. Overview and set-up

    Overview and set-up — Tokens in Design Systems.

    Lesson

    40 min

  2. Core concepts

    Core concepts — Tokens in Design Systems.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Tokens in Design Systems.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Tokens in Design Systems.

    Lesson · Locked

    40 min

  5. Module quiz: Tokens

    Check what you learned in Tokens before moving on.

    Quiz · Locked

    20 min
Module 2 · 5 lessons · 3 hours LockedComponentsModule 2 of 4 in Design Systems.

  1. Overview and set-up

    Overview and set-up — Components in Design Systems.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Components in Design Systems.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Components in Design Systems.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Components in Design Systems.

    Lesson · Locked

    40 min

  5. Module quiz: Components

    Check what you learned in Components before moving on.

    Quiz · Locked

    20 min
Module 3 · 5 lessons · 3 hours LockedDocumentationModule 3 of 4 in Design Systems.

  1. Overview and set-up

    Overview and set-up — Documentation in Design Systems.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Documentation in Design Systems.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Documentation in Design Systems.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Documentation in Design Systems.

    Lesson · Locked

    40 min

  5. Module quiz: Documentation

    Check what you learned in Documentation before moving on.

    Quiz · Locked

    20 min
Module 4 · 6 lessons · 5 hours LockedHandoffModule 4 of 4 in Design Systems.

  1. Overview and set-up

    Overview and set-up — Handoff in Design Systems.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Handoff in Design Systems.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Handoff in Design Systems.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Handoff in Design Systems.

    Lesson · Locked

    40 min

  5. Module quiz: Handoff

    Check what you learned in Handoff before moving on.

    Quiz · Locked

    20 min

  6. Graded project: Design Systems

    Apply everything from Design Systems in one graded, portfolio-ready build.

    Graded project · Locked

    120 min

Applied learning project

Make the learning visible.

Use Graded project: Design Systems to apply this course to a practical challenge. You’ll finish with a clear solution and the reasoning behind your choices.

Apply the course’s core skillMake and explain practical decisionsCreate evidence you can share
Mariam K., Software & cloud

Your instructor

Mariam K.

Software & cloud

Helps new developers build reliable products through clear explanations and guided practice.

Diana Nsiiza, Yiga learner

“I use what I learned in my work now, not in some distant future project.”

Diana Nsiiza

Data analyst, Entebbe

Continue with

Your next best step.

Following the order of UI/UX Designer with AI.

See the full chain

Next lesson

Overview and set-up

Design Systems

40 min · Resume

Learner reviews

What learners say.

Write a review

Sign in to share your experience with this course.

Sign in to review

Loading reviews…

Previous courseDesigning for AI Products

Keep going

Other courses in this track.

View full track
UX Design Foundations cover illustration
Design

21 lessons · 16.8h · Beginner

UX Design Foundations

Research learner needs and design clear, inclusive digital experiences.

Yiga Plus