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

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.

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 🙂

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

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

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

Yep we need gradients in variable too!

Still no update for this?

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. 😦

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

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

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