Custom properties

Extend design tokens and components with custom data.

Using component properties, you can add many layers of information to a component in your design system, such as statuses, links to documentation and other sources, links to components in Figma, boolean values or notes. These properties can be used to track information about your components, and they can also be used in Supernova documentation.

In the components table, each column represents a component property.

Component overview

Types of custom properties

The types of properties that can be added:


Editable text


An editable number


A true or false value, displayed in the list as a toggle


A select input, with options that can be changed


Displayed as code


An external link

Documentation link

A link to a documentation page in Supernova

Figma component

A connection to a Figma component that has been imported to Supernova