LAUNCHED: Allow gradients in color variables

  • 1 To the Topic :smiley: Add it pls Figma :smiley:

+1 for gradient / variable integration. Real annoyance for us at the moment

  • 1 here. Figma, add gradient support to color variables.

Hi guys! This feature —binding color variables to gradients—was officially announced at Figma’s Framework 2024 event last week, along with support for typography variables. :slight_smile:

You can find the playground file here: https://www.figma.com/community/file/1234936397107899445

Hey All, @Gyongy is correct! We launched the ability to bind variables to gradients on April 16th! :tada:

You can now apply a color variable to the different gradient stops. And then, you can create a style for that gradient, which will then update across different modes.

1 Like

6 posts were merged into an existing topic: Add Gradients as a variable type

Cool but we don’t want style anymore, we want variable. And there are a lot of work to do on variables !! We don’t need a Figma Power Point… Please work on variable instead.

2 Likes

Bumping. This shouldn’t be marked as “Launched”. Variables being applied in styles is great and there are a plethora of workarounds. But now that variables are directly syncing with developers and code, we need more flexibility to make variables viable a long term solution to our products.

So please. Continue fleshing out variables, like adding the ability to create variables that are themselves a gradient.

If anything, let us have a variable be multiple purpose between modes. Maybe for mode 1 it’s simply a colour variable, but let mode 2 be a string instead that is code for a gradient, and let Figma parse that? Then we’re still synced with our developers 1:1