Skip to main content
Matheus_Souza
June 22, 2023

Variable debugger/inspector

  • June 22, 2023
  • 14 replies
  • 2172 views

Currently, in order to check if a variable value is set correctly, you need to apply it to a text or field. It would be great to have a way to debug/inspect a variable in runtime, especially for those that are not displayed on screen.

14 replies

mazingerZ
June 27, 2023

I have a similar issue as well.

What I expect to see here is: Under themeStyle = Light, Primary text = gray-700 (Unfortunately, such description is not visible in the current Inspect / Colors).

Andy_Weeks
August 22, 2023

Some way to inspect variables or see the current state of all the variables would be real handy now that you can do conditional logic in prototyping.

Ben_Browning1
New Member
September 15, 2023

Agree. For example at the moment I am working on a prototype where clicking radio buttons should set a variable, but it doesn’t seem to be working. I’m sure I’m doing something wrong but being able to check a variable value while clicking through the prototype would be really helpful to debug where I’ve gone wrong.

MaxZuman
October 12, 2023

modes in variables table are just for… some basic use cases, it is not a replacement for Tokens System, so let the extra fields remain, less bugs is alwais a good target

Alex_Rummel
New Member
November 15, 2023

This is absolutely a must-have feature after Figma added advanced variable logic. I am beside myself bashing my head against the wall trying to figure out whether an issue I’m facing has to do with a mistake I made or with buggy variable implementation by Figma; there’s pretty much no way for me to figure it out without some formal debugger feature. Furthermore, if it is a Figma bug, it would make it so much easier for me to file a bug report. Please add this!

MaxZuman
November 18, 2023

I’m sure the debugger as we se it wont come out soon, guys at Figma might already thinking about it but as a One-for-All super-mega game changing solutions with blows and whistles.

So for now the trick is making a debugger by hand from some text blocks and assigning the variables you are playing with in your prototype. And som boolean components too, like a test panel with lights. Sounds time consuming, but you will save on debugging sessions later

February 16, 2024

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.

Vivek_G
April 2, 2024

I made a plugin called Variables Inspector to help with this!

Figma
Colin4
New Participant
July 30, 2024

Looking for an inspector to check what my variables and states are during prototype testing.

Colin4
New Participant
July 30, 2024

That’s pretty neat. It doesn’t work for me because I’m trying to inspect a mode.