Skip to main content
Question

In the prototype during the animation the instance jumps up and down weirdly

  • October 23, 2025
  • 3 replies
  • 27 views

Diana Tsevan

Hi there!
I have issues with the prototype of my button animation. It jumps up and right for about a 1px and returns back. 

I’ve created a Button component with several states and been testing Default and Hover. The variants are completely the same but the color. I’ve created a frame with an instance of the Button to check the the animation in the prototype. When I turn off the box shadow the animation looks better but anyway the jumps take place. If there is a box shadow the animation looks sadly (I’ve attached gifs to show the behaviour).

I’ve searched for such issues in the internet, talked to ai, played with the styles in Figma, but nothing helped. It seems that it’s a bug but can’t be 100% sure. What should I do? Is there a thing I do wrong or it’s a Figma bug should’ve been fixed?

Thanks in advance!
 

 

3 replies

Salty pasta
  • New Member
  • 1 reply
  • October 25, 2025

Hey!

As I can see it's on hover , and while you hover it changes varients , make sure you add interaction to just one varient like default to Varient2 , not both of em like default to v2 and also v2 to default. 

Just default to v2 . 

Hope this helps 


Diana Tsevan
  • Author
  • New Member
  • 2 replies
  • October 28, 2025

@Salty pasta it seems it’s not even possible to do like that 🤔 but thanks for trying to help!


Diana Tsevan
  • Author
  • New Member
  • 2 replies
  • October 28, 2025

Solution:

By the way I’ve managed to figure out what was wrong on my own. The diamonds Default and Hover had styles Fill and the Box shadow, but I moved all the styles to the container what fixed everything. I don’t have jumps up and down anymore and the box shadow is not flickering as well. 
Hope it will help somebody struggling with it as I‘ve done 😄