Design tokens are the style properties for a design system — these tokens (or key/value pairs) are used for building your design system in Supernova. Design tokens are simple representations of design decisions, that can be easily consumed by the codebases and projects that use your design system.
All tokens have a name and a value, and an optional description. Tokens in Supernova have different values depending on the type of token.
The following token types can be created in Supernova:
a typography style
a numeric corner value
a numeric value
a string value
Certain types of tokens are created from the styles you are already using in your designs. You can import these tokens from your design editor of choice.
A developer token is a custom type of token whose value might be used in code, but does not directly translate into the types of styles used in design editors. These tokens will be included in your design system data and can be integrated alongside design tokens.
For example, a developer could create a measure token to define a specific animation transition time.
This allows all tokens used in your codebase to be represented in the design system data and kept up to date.