Skip to main content
Bilal5
August 30, 2023
Question

How are developers supposed to access variables?

  • August 30, 2023
  • 14 replies
  • 7165 views

I might be missing something essential here, but I can’t seem to figure out any way for developers (who have view-only, dev mode access) to actually view variables in a file/project/design system?

As far as I can see, they can only inspect single components. So they might see “button-primary-bg” for instance, and a corresponding hex color, in the dev mode side panel. But absolutely nowhere can they actually figure out what “button-primary-bg” is referring to (typically a color primitive, which again refers to a hex code). Not only is the alias not visible in the side panel, but the full list of variables is not accessible in dev mode either, as far as I can see.

I mean, it’s probably okay if you look at the design system as a static thing, where we could do a one-time export of all variables as a .json or something. But design systems are seldom static. New components are being created, and thus new aliases are needed quite often, specially in the early stages of a project. Am I crazy or is this a fairly big omission…?

This topic has been closed for replies.

14 replies

RizePoint_Product
August 30, 2023

I’m having the same issue. There’s a thread here where folks are voting on Figma implementing a solution for it here:

anastako.design
October 24, 2023

@figma should definitely sort this out! I am having issues with my team as well

Pv_experience
November 12, 2023

It is a serious pain.
Figma need to sort this as soon as possibile.

December 7, 2023

We need this too

Kevin_Rousseau
New Member
January 8, 2024

+1 ! Our dev team can’t access to variables

Miron1
January 10, 2024

Try switch off dev mode

Chelsey1
January 11, 2024

I can’t do this. Because I’m a dev 🥲

Angy_Brooks
New Participant
January 11, 2024

Are you talking about seeing ALL the variables that exist, or the variables applied to an object? If all, then I would think that sharing the library file with them would suffice, as they are also viewers if they are DevMode. But ideally they don’t need to see them this way. You need to export your variables in a format that dev can use.

Here’s a plugin that will export your variables to json:

If you want them to see your applied variables, this is what I see in DevMode.

Roman_Budzak
April 2, 2024

Hey folks, I found a way to manage it (it works with my dev team). All you need to do is add Code syntax to the variable.

April 17, 2024

It’s crazy that this didn’t exist from the time variables were introduced. Please, please, please make this happen.