Our token system is built on a semantic architecture that ensures uniformity, scalability, and consistency across products. As a designer, you don’t need to do anything to start working with them; just plug the core library into the file.

The architecture consists of three levels:

All tokens used in products reference a single foundation library that contains:

Check related libraries in Figma:

Semantic tokens are created to denote the function or role of a visual element. This provides a necessary level of isolation from specific foundation values and simplifies support.

Each platform and product, such as UG, MU, AU, etc., creates its own semantic layers, but they are all linked to the same foundational base. You can find semantics if the library is connected to the design file. Check the available libraries and connect them to use the DS.

Both sides - designers and developers - use the same tokens:

We use specialized tools to provide a fast and efficient exchange process. Icon tokens, colors, typography, and others are transformed using the appropriate automated tools.