Tokens
Tokens in development
The common source of tokens for developers is the design files received from designers. These designs are where tokens are originally stored and utilized.
Important! The primary responsibility of a product developer is to use only design system tokens in the code. HEX values are not permitted. If a designer requests an unknown color for production, please validate it and bring this topic up in the design system chats.
Processes description
In case of questions
These channels will help you find answers to any questions related to the design system or surrounding topics. Please feel free to share your ideas and concerns here:
Channels:
#ug-design-system
#ug-design-system
#mu-design-system
#au-design-system
Tokens in code
When generated, product semantic tokens are stored in each product repository within the product design system. Here are the locations:
Ultimate Guitar
MuseScore
Audio.com
Designs must be provided with tokens by default. HEX values are not allowed!
Do
Don’t
TOKEN EXIST
IT DOSEN’T
Token generators
The transformation to code is automated. Currently, we have: