Skip to main content
Ahmed_Dawoud
June 23, 2023
Question

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

  • June 23, 2023
  • 12 replies
  • 9372 views

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
June 23, 2023

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

Ahmed_Dawoud
June 23, 2023

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

Kenneth_Kammersgaard
June 23, 2023

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
June 23, 2023

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

Mark_Kremer
June 29, 2023

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

Corey_O_Brien
Active Member
July 13, 2023

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
July 25, 2023

Yep we need gradients in variable too!

Armas_Nurbahari
September 26, 2023

Still no update for this?

Corey_O_Brien
Active Member
October 2, 2023

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
October 18, 2023

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