Figma Hover | Figma Button Hover Effect with Smart Animate

Hey, ❤️

Hi Angela, What was the key command that u used to hide those sidebars while showing both buttons

We can set the background colors on the frame.

what about interactive components

Hey your channel is pretty cool. But do you consider about changing its name because it's hard for us to search.

Hi i have a doubt i am trying to build a
Social network platform i designed in figma so i need to code in html css
Pls reply mee

I have several frames now with the interactions (1 for buttons, 1 for accordions, 1 for forms) but when I select Present it only shows me 1 interaction (the buttons one). Do you know why this is? It only worked when I moved the new frames to a new page. All seperate animations have the be on separate pages to work? So annoying :(

How would you incorporate these frames into an entire page, so that you could get the animation effect just on the button? Or would you need to create an entire duplicate page just to animate the button hover?

Great, and thanks ....

This has been a great tutorial, doing this right now!

thanks
i need scroll in page for one part of page content
can you help me?

Can you do these things with auto layout? Cuz I really have a hard time playing with auto layout.

Okay so now how do you use it on a different screen? Everyone stops there, but I haven't seen a tutorial of how to put it on an already designed screen.

HI. It Really helped me, Thanks this video!

Hi and thanks for the tutorial! I am working with components and of course trying to put the Hover circle into an Auto Layout does not work well. What alternative is there when working with Auto Layout to still get the circle effect on hover?

Sounded like I just watched a tutorial by a Disney princess. Thanks for the tut btw :)

this is so stupid.

Thank you for sharing !

Why does my buttons move when I enable the smart animate? It just makes an annoying tiny jump up and then back to its original position.

You don't need to drag layers by mouse, just press ] or [ to move them up or down.

Well I guess XD had to be way better at something

Thank you so much. I find this software amazing. It has saved me so much time and it has almost no learning curve considering how much we can do with it.

New to FIGMA. This is the best button tutorial I've found. TY

Can this button animate save to SVG format?

XD is way easier!

Create variations in components, then in Prototype/Select Interactions/Select While Hovering.

Thanks, Really amazing

Hi I need help, is there anyway to do the following below when clicking a button
When click button A, I want button B to change colors

Nice. Zhanks. But, are there also tutorials, if i already have a button(auto layout) with variants (hover, pressed ...) and now i want to insert animations between the states? E.g. a color bar that floats in from left to right

Hi great tutorial! thanks for record it! Can it work in components? Is there a way to reuse this hover effect of buton in my product prototype ?

great easy to follow intro

Thank you !

Still doesn't explain HOW to use this. Like, how can you drag the animated button to your website if its already in a frame.

and how do i use this now in a layout?

I like that you get right to the point without a lot of fluff. Thank you!!

this video was very helpful, thank you

Really great tutorial. Thank you

Gpt suggest this😅❤