How can you add a gradient to the token design

[Vladyslav_Chumak]

There is a need to add linear gradients to our design token system but how can this be done?

[Amirr]

You can’t do it as of now, but to make Figma consider adding it, you could vote in the relevant topic.

you can vote for these ideas here :

Allow gradients in color variables

Our design system uses themed gradients. Would be nice if they could be swapped as easily as the other colors.

Allow referencing of color variables for points of gradient values

First of all, love the new variable system! Simplifies so many of my complex component systems. However, the big miss for me was not being able to reference color variables in individual points of a gradient style. Here’s an example of how this simple addition would help: I have a component which has fixed gradient positions and tokenized logic for the construction of the gradient styles, which swaps out 42 different color themes (why we have 42 themes is a separate discussion haha) Right no…

Colour Variable in gradients

Colour Variables are great but we cant use them in gradients - yet Similarly if we could have an input box showing the position of the colour stop on the gradient would be amazing for keeping gradients consistent. #gradients figma #Variables #FeatureRequest

[Celine_Doan]

Hi there,
Thanks for flagging this! Yes, we can’t at this moment but we’ll pass along to our team for consideration.

@Amirr Thank you for noticing theses topics, I’ve gone ahead and merged this with an existing topic to help reduce duplicates here on the forum: https://forum.figma.com/t/allow-gradients-in-color-variables