Skip to main content
Ahmed_Dawoud
Jun 23, 2023 6:29 AM UTC
Question

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?

This topic has been closed for replies.

12 replies

Kenneth_Kammersgaard
Jun 23, 2023 6:54 AM UTC

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

Ahmed_Dawoud
Jun 23, 2023 7:08 AM UTC

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

Kenneth_Kammersgaard
Jun 23, 2023 9:17 AM UTC

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 🙂

Ahmed_Dawoud
Jun 23, 2023 9:46 AM UTC

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

Mark_Kremer
Jun 29, 2023 10:30 AM UTC

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

Corey_O_Brien
Active Member
Jul 13, 2023 9:32 PM UTC

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

Jane_Seneor
Jul 25, 2023 2:42 PM UTC

Yep we need gradients in variable too!

Armas_Nurbahari
Sep 26, 2023 5:12 PM UTC

Still no update for this?

Corey_O_Brien
Active Member
Oct 2, 2023 3:46 PM UTC

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

Gyongy
Oct 18, 2023 10:41 AM UTC

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