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

Опубликовано: 25 Март 2026
на канале: Yariv BE
57,879
1k

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/15VWG...
(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 -
   • Figma tutorial: components and variants / ...  
   • Figma tutorial: components and variants / ...  

For better knowledge on Auto layout, please check out this tutorial -
   • Figma tutoria: Auto Layout | Get started w...  

#yarivbe