Skip to main content
graphixd
Jan 4, 2024 8:52 AM UTC
Question

How to add color gradient in Local Variables?

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
    Jan 4, 2024 2:23 PM UTC

    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
    Oct 9, 2024 9:19 AM UTC

    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
    Oct 13, 2024 1:58 PM UTC

    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
    Oct 14, 2024 7:44 AM UTC

    That’s sound good 🔥
    thank you

    BlueHatter
    New Participant
    Oct 14, 2024 10:59 AM UTC

    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
    Nov 5, 2024 7:09 PM UTC

    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
    Feb 27, 2025 7:45 AM UTC

    please hurry! :L