Back to Browse

Figma interactive components tutorial | Image zoom on hover | Hover animation in Figma

58.7K views
Apr 20, 2022
27:34

This figma tutorial will show you 3 great ways to create a zoom on image hover effect. See how to create it with an overlay, interactive component and Auto layout. You can download the tutorial file from here - https://drive.google.com/file/d/15VWGIeE94gTctZbR-xeRuj1OoGIzaqTS/view?usp=sharing (Download it to your computer, use the "import" button on figma home screen to import the file into you figma files) If you are not so familiar with components and variants, please check out these figma tutorials that will teach you more about it - https://www.youtube.com/watch?v=f_sqdkfHShQ https://www.youtube.com/watch?v=3W6B9FsG0pE For better knowledge on Auto layout, please check out this tutorial - https://www.youtube.com/watch?v=aj0McHNCeVA #yarivbe

Download

1 formats

Video Formats

360pmp439.2 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Figma interactive components tutorial | Image zoom on hover | Hover animation in Figma | NatokHD