Color variable references in gradients and shadows

This version was released on January 9th, 2025.

New updates to design tokens created from imported Figma styles are coming your way — unlocking even more theming options for Supernova design tokens.

Preserve color variable references in gradients and shadows

We've introduced an update that preserves color variable references when importing shadow and gradients styles from Figma. By doing so, we ensure that color theming stays intact and design teams can maintain consistent color themes without cumbersome workarounds. This improvement keeps your workflows smooth and efficient, reinforcing the value of Supernova automatic Figma connection.

Example of a shadow token containing a reference to a color variable

Example of a shadow token containing a reference to a color variable

Example of a gradient token containing a reference to a color variable

Example of a gradient token containing a reference to a color variable


Apply themes to gradient and shadow tokens

Easily showcase how your gradient and shadow styles can be adapted across various brands and modes. Use a design tokens block in documentation editor to select a theme in the properties panel and see tokens dynamically adjust their color variables to match seamlessly.

Theme applied to design tokens blocks containing gradient and shadow tokens

Theme applied to design tokens blocks containing gradient and shadow tokens


For a list of smaller improvements and bug fixes, visit our Bug fixes page here: