Figma interactive components | Image Carousel animation tutorial | Hover animation
Вставка
- Опубліковано 1 кві 2022
- Learn how to create an image carousel for your next or already existing website design. Using smart animate, hover interaction, variants and interactive components you will create this beautiful image carousel animation.
For better understanding of figma components and variants -
• Figma tutorial: compon...
• Figma tutorial: compon...
For better understanding of Auto Layout (which is used easily in this tutorial) -
• Figma tutoria: Auto La...
#yarivbe @YarivBE - Навчання та стиль
Thank you, Yariv! That was awesome
Thank you so much Gina for the amazing feedback! I really appreciate it ⚡😊
thank you man thats what i needed great video 👍🏻
You are most welcome my friend! Happy to know it did the job 😊✌ Thanks a lot for the great feedback!
מגניב בטירוף
תודה רבה!!!
תודה רבה על הפידבק סבטה! שמחתי שאהבת ✌️🙂
Thank you very much, this has been so helpful
You are most welcome! Thank you so much for the great feedback 🔥
Thank you so much!!! your videos are so helpful and easy to understand
Thanks you so much for the wonderful feedback Rithika! I really appreciate it! Thanks you for supporting the channel ⚡🙂
Such a great video for someone new to Figma like me! Was super easy to then go and adapt it to look and function how I wanted :) Thanks!
Thank a lot Jordan for this amazing feedback! I really appreciate it 🔥 and happy to know it was helpful! 🙂
thank you!
Thank you so much for great feedback Kevin! I highly appreciate it ✌⚡
Muito Obrigado, amigo.
You are most welcome my friend :) Thanks for the great feedback! I really appreciate it 🙂🤚
your video is really helpful thank you !
Thank you so much for the great feedback! I highly appreciate it 🙂🔥 Hair to know it was helpful :)
really helpful, thanks
Your are m most welcome and thanks a lot for your great feedback! I really appreciate it 🙂🔥
thank you so much for awesome tutorial..it works great👏
Thank a lot for this great feedback! I highly appreciate it and happy to know it helps and works 🙂🔥
thankyou soo much
You are most welcome eman! Thsnks a lot for your great feedback 🙂 It is most appreciated ⚡
thank for your help 👍
You are most welcome! And thanks a lot for the great feedback! I highly appreciate it 🙂🔥
Thank u so much !!!!!
Your are most welcome Dahana! Hairy your liked it and thank a lot for the great feedback! 🙂🔥
גם את האלמנט הזה ניסיתי ועשיתי בזכותך!
איזה כיף לדעת 🙂 תודה רבה על הפידבק המקסים! 🔥
Hi, this is very helpfull but I was wondering, if i have like 100 images that needs scrolling, I have to do the same thing for all of them? Is there a more simple solution? 😀
Hi Roxana :) and thanks a lot for your great feedback! I really appreciate it 🙂⚡
To your question:
1. The main idea in prototyping is that we demonstrate the behavior of an element, in this case the image carousel. You show a few times how it scrolls - thats it, the behavior is understood if it happens on 3 images or a 100. The developers will definitely understand that - be sure on it :) Nobody (never ever) will do a prototype like this for a 100 images :)
2. UX wise, it is definitely not recommended to do a carousel for a 100 images - up to 20 or a bit more, it can still be ok and make sense - more than that, a "see all" at the the end of this carousel or below the carousel will lead to a page with all the images - again, UX wise it makes more sense.
3. You can also create an infinite scroll, but again, up to around 20 or a bit more, it can still make sense.
Hope the answer makes it more clear - please feel free to aske further if needed 🙂
@@YarivBEYou are absolutely right. This is prototyping, not developing the actual website. No need to include all the content.
But sir it didnt work on main page(frame) plz help me out
Hello there Mohd :) Can you try to explain to me what didnt work out for you? Its a bit difficult for me to understand like that where did it go wrong... We will work it out - dont worry - i just need to understand better what went wrong.
Plz, as a first step, try the tutorial again, see that you go over it step by step - let me know whats the situation after you try again 🙂
@@YarivBE sir I make all the frame and prototypes all those frames and it work also but whenever I put it on my website main frame page it didn’t work sir
@@mohdmehdirizvi1287
Ok - i understand the situation. Can you plz share the file with me? i'll take a look there and see what went wrong.
Share it to this email -
yariv.be1@gmail.com
Lets sort it out there :)
@@YarivBE ok
@@YarivBE sir I just send it , did you got it ?