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

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

Yariv BE

2 года назад

44,466 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

not_your_meher
not_your_meher - 05.11.2023 09:58

bro can you plese share the figma link of this components

Ответить
Agostina Sesé
Agostina Sesé - 22.09.2023 11:36

Hi! Very useful video, thank you for sharing!
Just a quick question, after making the image component and wanting to change the image, on hover it goes back to the default one. I tried it with a color fill and later changing it but it doesn't work either, I don't know if you could lend me a hand?
Thanks!

Ответить
Igor Ferrão
Igor Ferrão - 09.08.2023 18:33

Hey, thanks for the tutorial. But i'm having a problem, when i hover the image/component as you did in the tutorial above, the image changes... have any idea whats it could be?

Ответить
Marta Januszewska
Marta Januszewska - 01.08.2023 17:03

Thank You for this zoom wars!:)🤩

Ответить
APIER
APIER - 08.05.2023 12:09

Thank you so much!!! You've really helped me to solve a problem that I'd with the auto layout and that I couldn't find anywhere else.
In addition to the fact that you explain excellently (and that you speak so clearly).
New subscriber! Greetings from a Argentina :D

Ответить
Eva A
Eva A - 30.04.2023 14:31

I learnt more from this video than my actual college classes, thank you so much!

Ответить
Hadi Rahmani
Hadi Rahmani - 23.04.2023 09:27

Honestly. I don't know how to thank you.

Ответить
Silvia Jaunsolo
Silvia Jaunsolo - 09.03.2023 13:32

Great video, Yariv! Life saver!
I just have a small question that maybe you could help me out with:
I followed all the steps for the Autofit option (option 2). However, I get a slightly different animation to yours. Your individual animation (from the smaller image to the larger one) happens from the centre of the images. But, for some reason, mine moves in from below. Any idea how I could change this? Many thanks!

Ответить
Disco
Disco - 08.03.2023 19:34

Amazing! Thank you Yariv

Ответить
S.
S. - 11.01.2023 17:55

How can I make the image bigger without making the component bigger too?

Ответить
Juliana Iris
Juliana Iris - 18.11.2022 01:20

thank you!

Ответить
Zain Araihan
Zain Araihan - 14.11.2022 14:00

Thank You Man!

Ответить
tori
tori - 19.10.2022 19:00

appreciate it

Ответить
distractMotivation
distractMotivation - 12.10.2022 11:59

plz make video on how to merge the picture in figma

Ответить
Shirel Shalom
Shirel Shalom - 31.08.2022 11:54

Great tutorial, Thank you!

Ответить
Raja
Raja - 02.08.2022 18:59

Amazing. Loving style 2! Will try :)

Ответить
Avisa
Avisa - 21.07.2022 21:08

YOU ARE A LIFE-SAVER. THANK YOU FOR THIS VIDEO.

Ответить
Segunfunmi Adeojo
Segunfunmi Adeojo - 19.07.2022 01:22

You're an amazing teacher.

Ответить
Ionut Valentin Corbu
Ionut Valentin Corbu - 02.05.2022 21:22

Great videos Yariv, very cool and explicative for a Figma beginner as me 🤠... Thank you!

Ответить