Skip to content

Design Systems

Building a design system that connects design and code: principles, audit and scope; design tokens – tiers, standard format and modes; components, APIs and states; accessibility, internationalisation and RTL built in; documentation and guidelines; governance, versioning, contribution and adoption metrics; and a mini design-system project.

  • IntermediateBest if you know the basics
  • 24 hTotal content time
  • 15 lessonsOrdered from basics to practice
  • In ArabicWith technical terms in English

About this course

Building a design system that connects design and code: principles, audit and scope; design tokens – tiers, standard format and modes; components, APIs and states; accessibility, internationalisation and RTL built in; documentation and guidelines; governance, versioning, contribution and adoption metrics; and a mini design-system project.

Academy-authored content.

Course highlights

  • Define a design system's purpose, principles and scope from an audit
  • Structure design tokens in tiers with a standard format and modes
  • Design and specify components with clear APIs, states and accessibility
  • Document the system so designers and developers use it correctly
  • Govern, version, grow and measure the system

The practical result

What you’ll build in this course

Building a design system that connects design and code: principles, audit and scope; design tokens – tiers, standard format and modes; components, APIs and states; accessibility, internationalisation and RTL built in; documentation and guidelines; governance, versioning, contribution and adoption metrics; and a mini design-system project.

Final lesson: Lesson 5.3

Is this course for you?

Who it’s for

  • UI designers, front-end developers and product teams building shared component systems

Requirements

  • CRS-GEN-UI-DESIGN

Course content

  • 7units
  • 15sessions
  • 6quizzes
Unit 13 sessions
  1. Lesson 1.1
  2. Lesson 1.2
  3. Lesson 1.3
Unit 23 sessions
  1. Lesson 2.1
  2. Lesson 2.2
  3. Lesson 2.3
Unit 33 sessions
  1. Lesson 3.1
  2. Lesson 3.2
  3. Lesson 3.3
Unit 43 sessions
  1. Lesson 4.1
  2. Lesson 4.2
  3. Lesson 4.3
Unit 53 sessions
  1. Lesson 5.1
  2. Lesson 5.2
  3. Lesson 5.3
Quizzes0 sessions · 6 quizzes
  1. Quiz 1
  2. Quiz 2
  3. Quiz 3
  4. Quiz 4
  5. Quiz 5
  6. Final exam
Projects and assignments0 sessions
  1. Assignment 1
  2. Assignment 2
  3. Assignment 3

The lecturer

Lecturer

Eng. Abdelmaksoud

Your next step

Courses close to this one

  • Physics – Secondary Grade 2

    Support for the developed 2026/27 S2 physics book: measurement, straight-line motion and Newton's laws, moving and static fluids, and the gas laws…

    • Level: All levels
    • Taught in Arabic · all content in Arabic
    • Based on the 2025/26 edition

    Coming soon

  • Mathematics – Secondary Grade 2

    Support for the 2026/27 S2 scientific pure-mathematics and applications books (term 1): real functions and curve sketching, exponents and logarithms, limits and…

    • Level: All levels
    • Taught in Arabic · all content in Arabic
    • Based on the 2025/26 edition

    Coming soon

  • General Mathematics – Secondary Grade 2

    Real functions, monotonicity, even and odd functions, transformations, absolute-value equations and inequalities; rational exponents, exponential functions and equations, logarithms and their properties;…

    • Level: All levels
    • Taught in Arabic · all content in Arabic
    • Based on the 2025/26 edition

    Coming soon