+1 vote

How to create hover effect in figma?

in UI/UX Designing by (200 points)

4 Answers

0 votes
by (5.9k points)

Hi Ankita,

Please check the link given below.


0 votes
by (200 points)
Figma doesn’t support hover states or even animating between component states out of the box. We can achieve a similar effect by using the Overlay interaction.


*1.After entering the prototype menu, drag the interaction line
   from the main button to the hover button.
*2.In the Interaction section select While Hovering.
*3.For interaction type select Open Overlay.
*4.Select Manual for the overlay section.
0 votes
by (4.6k points)
Hi Ankita ,

Please go through the below link for information :
0 votes
by (200 points)
Select the page or the component and then go to the prototype select the component use the hover effect from smart animation.