On hover animation content inside buttons moves slighty

Not sure whether you’re Grouping or Framing elements - but I found Framing instead of Grouping elements solved my problem.

The same thing happens to me here, however, I have noticed that when opening the prototype in the presentation option it works fine. It is in the preview option, which has this little movement.

In my case, this bug is happening in the web version of Figma, with 'While hovering' applied between two variants of a card. When I hover over it, the card should only change color, but it moves approximately 1px up and to the left. My browser is Chrome for Windows.

For me this happens in Figma App, in all of the projects. While hovering effect moves the buttons by pixel. 

Hi there, i was looking for a solution & i will share something that works for me today..

Well, just to give some of context. I was creating a card component with hover effects on Figma. Then i use that component inside a frame with auto-layout, and when prototyping the whole frames moves with no sense.

The solution: I had to ungroup all the frame and the auto-layout where this component was. And now the prototype runs like it should.

So… it looks like when is inside of an auto-layout or frame always do not work properly the hover effects on prototyping. And of course that is a problem, because doesn’t let you to use it inside a main frame or auto-layout …. :/

I hope that this can work for you too 🤗

I have the same annoying problem where the hover effect in the Figma app shifts every object by a pixel across all my projects. 😞

Still having this issue as of today

The issue is still happening to me. However, if I zoom in to this component, it does not move at all. Figma needs to address this issue.

In my prototype the only difference between “default” and “hover” was that hover had background fill and default didn’t. So I fixed it by adding background fill to the default component state. 
By the way, “mouse enter/mouse leave” have the same issue too.