Variable change listener interaction

Hi there,

Thank you for providing feedback! I will share this with our internal team. Your input is highly valued, and we will take it into consideration for future enhancements.

Thanks,

Toku

I made a post about this some time ago, but I completely agree. I have also solved this by creating “After delay” components that run constantly. My project is very large, and this results in it being very CPU intensive, and the prototype interaction lag as a result. “Listen for change in variable X” might not be enough, because you might need to listen to several variables. So, it would be better to listen for any change, in any variable. “Listen for change in variables” would solve my needs at least. Aka, OnEvent/EventUpdate.

It is also very tedious not being able to copy and paste elements within an event.

Thank you all for the feedback! I passed them along to our internal team. We really appreciate your voice!

I support this idea. It would be great to have it.

I think what you are trying to achieve here is similar to this other post Change variant of a component from a different component If so, there is an answer inside this post.

Hello,

No, I don’t think this is the same functionality. Binding a variable change to an action is not the same thing as binding a variable change to an event.

I need this too very much!

i faked a listener using the hover state on the frame but this does not trigger when deployed onto mobile 😦

It is interesting how little this is voted on. It’s one of those things that most designers wouldn’t think to want or know about and are probably okay with recreating the same prototype conditions over and over to each action, while devs have it drilled in their head to keep things DRY and have a concept of listeners so that we only have to write the listener conditions on the targeted element (e.g. undisable the submit button when checkbox 1, 2, and 3 are checked). As both a designer and dev like a lot in the comment probably are, this is hurting my soul, and I think it’d hurt designer souls too once they understand how much cleaner and less tedious this could be (wouldn’t take much, imo).

I think a listener system would be amazing!

Great Idea!

I posted something similar. “Driven” variables are updated once a property changes in your design OR prototype (e.g. a width of a window changes). This can be used with conditionals that respond to changes in these “driven” variables to drive things like replacing a desktop nav with a mobile nav (or many other things)

Hello y-toku

I hope you realize Michael’s request is a GAMECHANGER!

It would completely supercharge prototyping in Figma!

The variables and conditional logic would be so much more useful if Figma had an event listener for variable changes. We currently use really tedious and clunky workarounds, like the on-delay trigger, which are both time-consuming and unreliable. I used to really hate using Axure but lately I’ve been feeling a bit nostalgic for their prototyping features.