This happens with me too. Whenever I add some variable logic or conditional, it removes the hover interaction.

same here. it behaves the same as “mouse enter”. and gets especially funky if you have logic to change its appearance like +4 to it’s height while hovering. it’ll grow each time you hover with no return to its not hovered state.

I’ve been adding a mouse leave in a lot of cases to then revert the change. Annoying, but works fine.

same here. It would be fantastic to change a variable just on hover. Thanks

Same. Not working, just keeps the hover state.

Same +333333333.

working… !!! Intermittent!!!

Same problem here. With mouth enter and leave too ! It doesn’t work with variables 😕

I have this same issue, tried both ‘while hovering’ as well as mouse enter/leave and more often than not, it stays in the hover state.

Same. Trying to change a text variable when hovering on various components. Prototype doesn’t make the switch. Tried mouse enter and mouse leave, no help

Same. I have an interesting hook though. I have a table with rows. I have the background color of each row bound to a variable for the color…

var: row-1 value: #ffffff

var: row-2 value: #CCCCCC

I have the variable switch on mouse-enter:

row1.onMouseEnter.setVariable.row-1 = #somelightbluecolor

row1.onMouseOut.setVariable.row-1 = #ffffff

Strange thing is, it will only work for the last defined row. It will change all the rows to the light blue color on mouse enter but will only switch back to white on the last defined mouse action.

Same issue here. Would be fantastic to have it work since I have many buttons in my design system and would hate to create 300 variants just for hover interaction for each button.

I am having the same issue. With mouse enter / mouse leave - the hover state sticks. When I try to use hover to set the variable, nothing happens. Just wonky all around. 😦

Same here, although I am 100% it worked the first time I previewed the animation. After that I can’t get it to work anymore: while hovering doesn’t do anything for me, mouse leave don’t set the collar variable to the value I want, so I couldn’t find a way around this.

I have the same problem. Almost all pages stopped hovering buttons in variations

Same for me: the interactions only work on the last item I configure.

I’m getting something very similar. I try to update a string variable for a tooltip on mouseEnter, and the show the tooltip onHover, but the onHover function doesn’t work (unless I remove the variable part)

Same thing here still. Any news of when this will be fixed?

This is my first time creating hover states with variables. In my case nothing changes at all, when I hover the element with the cursor.

I put the interaction on a multi-variant component and created different variables for the default and hover state. Which I then select the hover variable. I do not get it. If it is possible to configure this, then it should work that way, right?

Agree, mind-blowing that something as basic as this doesn’t work. But glad to lean it’s not just me.

Edit: I could’ve sworn this used to work. So many things in Figma seem to be broken now and tasks generally take me a lot longer than they did a couple of years ago. I’m actually scared about taking on large freelance UI projects for fear of having a nervous breakdown due to missing deadlines or looking incompetent because of all these bugs.

Figma/Adobe — fix this now.

Same for me. Seems such a basic thing not to have

So many people facing issue and still not fixed, too bad.

Last year when I submitted this Support reached out to me and I sent a video of the behavior. They confirmed it was a defect - but it seems like it’s not been fixed yet.

I just tried this feature and hover-off does not remove the variable. Please fix, it would save a ton of variants in a component file.

Same problem here. When a state changes using variables the state remains on hover. Really annoying 😕

Hey All, thanks for the feedback and sorry for the delayed reply!

We checked with our Prototyping team and this is currently the expected behavior.

For “while hovering” interactions with variables, we don’t save the previous value of the parameter to go back to, because that would add complexity in determining what that previous value should be. For some cases it’s simple, but if many interactions have occurred, it’s a bit harder.

As a workaround, we recommend implementing with mouse in and mouse out actions. The mouse in would set the variable as shown, and the mouse out would manually specify the value you want it go to after hover.