Hi, I need urgent help before I go crazy.
Can anyone know how to prototype a button so that when the mouse is hovered over, the whole frame moves a couple of pixels in a different direction? I have tried every solution on the web however none of them worked for me. The screenshot below shows more or less what I mean. I would be very grateful for help!
Page 1 / 1
Hi @Igor8
Assuming your button does not widen : you can wrap your button inside a frame
, setting it to a hug width (so itโs as wide as the button)
On the hovered variant, make the wrapper width fixed and then shift the wrapped frame (=button in the example below)
N.B: I made the wrapper frame an auto layout so i can manage the shift thanks to the left-padding option but it also work with a classic frame
Hope it helped
Thanks very much for the answer but Iโve already figured it out. Changing platforms from Adobe Xd to Figma can be an agony.
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.