Skip to main content
graphixd
January 4, 2024
Question

How to add color gradient in Local Variables?

  • January 4, 2024
  • 7 replies
  • 15550 views

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
    graphixdAuthor
    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
    New Participant
    November 5, 2024

    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
    New Member
    February 27, 2025

    please hurry! :L