I set up my color gradients in a separate token set, allowing me to export the color scale as Figma variables and the gradients as Figma styles linked to those variables.

In this example, I take the color scale I created and use those as reference to create gradients. 🌈

The format for defining these gradients is:
linear-gradient(45deg, color-1 0%, color-2 100%)

You can add as many color stops as you want to customize your gradients further

Creating color gradients in Tokens Studio 🎨

Did you know you can easily create color gradients in Tokens Studio and export them as Figma styles?