How can I add a gradient as variable in the new June 2023 update?

Before i can add create the gradients to use it as a tokens but after the new update I couldn’t m, there’s any way to do this?

9 Likes

I am pretty sure you cannot add gradients, it is only a single value in variables.

Hi, but my app primary branding color is a gradient. So it’s used a lot with different variations.

1 Like

Yes, then I believe you have to keep using Styles. I am not sure, why they have introduced a color variable and not just using a string variable that could be used to set the color in a style. So there is not two different ways of handling colors. But there is probably a good reason :slight_smile:

Thanks for your kind feedback. And I hope figma add this soon.

2 Likes

I would like to have this functionality ASAP - allowing color variables to be gradients.

7 Likes

Same here. We use gradients all the time in our designs. Not having them as part of the variable system isn’t good.

4 Likes

Yep we need gradients in variable too!

4 Likes

Still no update for this?

1 Like

They added some other new things around scoping the variables recently but still haven’t completely fixed the variables to work with gradients and to work with type styles. :frowning:

1 Like

Here is a solution using variables that mimics gradients: https://www.figma.com/community/file/1295349493892095561/gradients-with-variables

4 Likes

Neat idea. Works well for a file with few gradients. Thanks for sharing.

1 Like

Thanks, Corey! I’m happy that it works fine for you. I appreciate the feedback! :slightly_smiling_face:

1 Like