Design System

from

UAE

Foundations:

10

/

Components:

25

The UAE Design System is the official design framework for UAE federal government websites. It brings together modular UI components, clear guidelines, and WCAG-compliant patterns to ensure consistency, accessibility, and trust across digital public services.

Designed by the TDRA, it supports both designers and developers with Figma files, design tokens, and a TailwindCSS plugin — making it easier to build scalable and user-first interfaces for millions of users across the Emirates.

Components

Studying how

UAE

structures its Design System?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Studying how

UAE

structures its Design System?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Studying how

UAE

structures its Design System?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%