Figma Prototype Debugger

[j113]

With the new Figma prototyping tooling, I was baffled to see that there is no way to view the local variable states when in the prototype view. This kind of debug mode is intuitive to developers and necessary for designers who are expected to work with developers.

I found this topic that was just closed last week and am hoping to raise interest in this feature again, as complex prototyping in Figma without a debugger is absolutely impossible:

Variable debugger/inspector

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

[dvaliao]

Thanks for the feedback, @j113!

We’ll pass this feedback onto the team. We’ve also reopened the feature request, so we’ll continue to collect feedback and gauge overall interest from the community.

[Vivek_G]

I made a plugin called Variables Inspector, the missing DevTools for Figma variables!

Variables Inspector | Figma