Skip to main content
Zachary_Waugh
New Participant
July 7, 2023

Allow Developers to View Full List of Variables in a File

  • July 7, 2023
  • 76 replies
  • 15139 views

While working to build out our design system with variables, it seems like there isn’t an easy way for developers to view a full list of all variables built into the design system without having edit access to the design system or without the variables being put into a different reference system like a notion page as the master file and have Figma reference those values.

76 replies

Elaine_Cervania1
January 22, 2024

+1 on this! badly need this.

I still have trouble w/ the plug-in as it displays all the variables not by page usage. I hope Figma is currently working on it

Kahlie_Huff
January 23, 2024

1+ on this

January 29, 2024

please add this ASAP

January 31, 2024

Hi Figma Developers, I also need this feature. Please do this as soon as possible. Do you have any alternative? How can developers access the local variables?

Mohit_Tater
New Participant
January 31, 2024

@Sahil_Arora Hey, see if you want to try out this.

Maiken
New Member
February 22, 2024

I’m quite disappointed this still isn’t part of the Figma Dev mode. It actually made me regret my choice to use Figma variables.

The main issue is with variables that point to other variables. The dev can’t see that, and now need to look up by hand what it points to. Which just costs so much extra time.

Example
Card Fill → Alpha 5% → HSL(0, 0, 0, 0.05.)

They can see the HSL thanks to the color section, but they still need to translate this to Alpha 5%. Figma, please fix this.

@Mohit_Tater Thank you for creating the plugin. It does help, but only limited. It still means devs have to switch to the plugin and have to find the value there.

Kelly_Dyson
New Participant
March 7, 2024

I spent the best part of a week refactoring our design system from styles to variables, only to discover now that our dev team can’t see the colour variables that the local variables are referencing, only the hex code. Figma spent more effort on the marketing and promotion of this feature than they did on thinking about how it is going to be used.

Claudio_Fresta_Suharno
New Participant
April 3, 2024

bumping this up. my stone age solution for this is to screenshot the variable table and send it to our engineer for visual difference between theme/color space 😭

Mohit_Tater
New Participant
April 5, 2024

@Claudio_Fresta_Suharno @Kelly_Dyson see if you want to try this out.

Harald_Skogland
Active Member
April 17, 2024

Hi,

Will there be an update from Figma if this and/or Include color variable alias in dev mode side panel is planned?

thanks