What is a token?

Create tokens by translating design system elements and styles into
a common language between designers and developers

 

Tokens are the style properties for a design system — these tokens (or key/value pairs) are used for building your design system in Supernova. They 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 can have different values depending on the type of token.

Tokens that have accompanying style definitions in your design editor can be imported (color, gradient, shadow, typography), all other tokens must be created manually.

To learn about adding tokens to your documentation, see the section on Token blocks

In this section