Skip to main content

Hello everyone!


File link: https://www.figma.com/design/GXyHBRhJt7I2Ci5PqnfNzc/Button-bug?node-id=0-1&t=63BDH6hBdE0N5wjj-1


I have a problem with the animation of this button. When I click on the button, screen 1 should go to screen 2, and the button should move from enabled state to pressed state, while pressing. As you can see from the prototype, while moving from one screen to another, the icons on the right side do a strange effect, become a square.

Can someone help me fix this?


Also, for the kind of animation from screen 1 to screen 2 that I need, I have to keep the smart animate between the two.


Thank you!!

Working fine at my end. Can you also post screenshot of what you are seeing?


Figma says I can’t attach anything here 😦

But opening the file I found it modified by someone. Could you try again now? You should be able to see the problem.


Thank you!! 🙏


You can paste the screenshot in your Figma file too 🙂

Screen 2 Prototype



Screen 1 Prototype


Thanks!

I added the screenshots and a video!


Can you try clearing your Cache and Cookies for Figma? Or use Incognito mode/ dofferent browser to check prototype? Since am unable to replicate the issue, seems it is something at your end.


Thanks. I tried all the things you suggested, but nothing has changed 😦


Am sorry Elisa, but I can’t replicate the issue. May be someone from support might be able to help. I believe it is a glitch as button has While Pressing interaction and frame has Smart Animate.


Last thing:

Can you try changing While Pressing to On Click or Mouse Down and check? Or does it happen when you turn off Smart Animate between the frames?



Hello!

I contacted support and after an investigation, they confirmed that the problem I’m facing is related to a new bug.


Thank you for your help 🙏🏽


Reply