Skip to main content
Question

How to add color gradient in Local Variables?

  • January 4, 2024
  • 7 replies
  • 14961 views

graphixd

if i need to create Color Gradient in Local Variables, How can i do it ?

This topic has been closed for replies.

7 replies

Celine_
Figmate
  • Community Support
  • January 4, 2024

Hi there,
It’s not possible at the moment, but it’s in our radar! Feel free to vote up this feature request here: Allow gradients in color variables

In the meantime, a user has found a workaround that may interest you here:

Hope this helps.


BlueHatter
  • New Participant
  • October 9, 2024

If anyone else stumbles upon this AI nonsense confusing variables and styles from Google like I did, no, you can’t use gradients in variables.


Gyongy1
  • October 13, 2024

Figma has officially announced this feature at Figma’s Framework 2024 event. Now it is possible to bind color variables to the gradient stops.

Playground file with a sample here: https://www.figma.com/community/file/1234936397107899445


graphixd
  • Author
  • October 14, 2024

That’s sound good 🔥
thank you


BlueHatter
  • New Participant
  • October 14, 2024

Half-way there, now we just need to have actual full gradients in variables (or the style), rather than variables in gradient stops.


Malia_Adamson1

I definitely agree. The ability to store a gradient for swapping between light and dark mode would save me a lot of time in my demo workflow. It’s a shame that we have to work around it at the moment!


Marvin Bommarius

please hurry! :L