Infinite scroll carousel | Figma Interactive Components

In this great figma tutorial you will learn how to create an infinite scroll, which can be for images or any other need - depends on your designs.
In this tutorial we will create interactive components, use the drag trigger and the after delay trigger.

If you are not so familiar with figma's components & variants, i strongly suggest to check out these two tutorials -

For getting more familiar with Auto layout -

Transition types in figma -

#yarivbe #figmatutorial #figmacomponents #interactivecomponents #crousel_animation #horizontalscrollfigma

[yana_mago]

Thank you so much! Your video was really helpful. I had been struggling with the animation for a long time, but thanks to your guidance, I was able to finish everything in just a few minutes

[jaredjones]

Great video! I have been looking all over you tube trying to find someone who could explain this properly and then I found your channel. Well done!!

[lorrainewalters]

The best tutorial that I have came across so far 😊

[zeehansheikh]

Thankyou @Yariv I was stuck in your project and your tutorial solved my problem

[TuShar-mpum]

Your explanation is outstanding, Thank you.

[humphreydavies]

Well explained but I am having challenge with the second method of prototyping.

[Sharnsom]

Great teaching. I like how you break everything down. Very clear in speech and Video. Now I can do this..

Also how can I make an element change to another at a spot using the "after Delay" and "desolve" option?

[JesusPerez-mxsq]

You have a new subscriber, keep pushing content like this and you will have a sucessfull channel very soon! thanks!

[TuShar-mpum]

Please make vedio on auto layout apply screen all eminents. How to apply auto layout individually in whole screens eliment like components, text, picture, slider, carousel, list item, input field, tabs, dropdown, slider.

[jennalee]

Hello Yariv! I really enjoyed your video and it's been really helping me to understand while I'm studying UX design: ) Thank you so much! I have a question. I'm super beginner and trying to understand how everything works. What's the reason that we copy another screen?

[miku]

Чел, спасибо за видос! Благодаря тебе, смог сделать анимированную пагинацию вместе с баннером!))

[pedrocamachohuaman]

Hello, greetings from Lima - Peru. Excellent work. I wanted to ask you: is it possible to combine the 2, that has a delay and at the same time can move? There is an example of this on the cinema website in my country called Cineplanet, the banner moves automatically and in turn I can slide😢😢😢😢

[pleasecomment]

how to scroll the image do we need to use some keyboard button to hold and scroll ?

[anujghildiyal]

It's really neat 👌! You made me learn it very easily, as a request, I have seen your parallax animation vedio that operates on click(when you click a header then it go in action) Can you make it while scrolling down the website and the images comes from right to left thingy. *your was on click, is it possible to do it while scrolling down through website*

[yahzm]

Hey, great Video!
However, i have one problem:
If i swipe really slow it works.
But if i swipe really fast it doesnt get triggered sonehow and ill just swipe into the end.
Do you know how to fix that?

[sabinaioana]

I don't know how you drag the photos at 9:20. Seems pretty easy for you. Mine isn't working when I drag.

[leviathan]

is designer able to do this feature but with option to swipe back to previous variant?

[nataliegerman]

Thank you for this tutorial! I'm trying to recreate it and struggling with moving the images inside of the variant (minute 9:22). In my figma the x position is locked and I can't change it. So without changing this X position, the whole animation will not work... how do change it? In my Figma the X position in variants is locked and I can't change it

[GellRatcho]

is this really free?? some of the option is not showing on my figma

[shaharasta]

היי יריב, אהבתי את הוידאו! אם אני רוצה שבחלק השני האובייקטים יזוזו חלק בלי עצירות איך אני מגדיר אותם?