How to Create Endless Auto-Scrolling Animation in Figma (Curvy Carousel)

In this video, I tried to show you how to create endless horizontal auto-scrolling animation (curvy carousel) in Figma. If you find this video useful then don't forget to like, comment and share the video.
Support Me: www.buymeacoffee.com/rohanmoh...
Follow Me
Behance: www.behance.net/rohanmoharana
Instagram: / rohandesigns_
Check Out Previous Videos
Arc Text Animation: • How To Create Arc Text...
Swipe Animation: • Create This Amazing Sw...
Onboarding Animation: • App Onboarding Screens...
UI Design Resouces: • UI Design Resources
Figma Animation Tutorial Playlist: • Playlist

[@greensnek]

Great guide. Thanks for the subtitles. It helps a lot

[@pixxelex]

Glad it was helpful! :)

[@andres1814ap]

Amazing! Thank you for this!

[@pixxelex]

Glad you liked it!

[@bigpunchline]

Cool and easy!

[@pixxelex]

Glad you liked it.

[@user-bp4mc6ym1s]

please tell me why animation can be interrupted if 2 frames are shifted to 1 place?It seems that the carousel does not twitch, but jams at the place of repetition of the picture.Thanks in advance)

[@Verocapote]

How would I have to do if I wanted to hover over one of the images so the carrousel stops and that image gets bigger?

[@pixxelex]

Will try to create a tutorial on it.

[@ghorbanmahtabi2891]

Hi, thanks for your valuable training. In endless auto scrolling, I want to do this action: when take the mouse on the endless auto scrolling, it be stop? Can one help me to do it?

[@pixxelex]

Unfortunately, at present Figma doesn't support doing this.

[@chixkgoddess8499]

Thank you

[@pixxelex]

Welcome!

[@saikiran-io1sy]

Hello, where did you get the red line from at 1:54 & i cannot hide 2nd frame starting part which you did at 2:46. can you tell that a bit in detail please?

[@pixxelex]

At 1:54, it's a ruler. you can enable it by (Shift + R) and At 2:46, make sure to turn on the clip content. It'll hide all the things outside of the frame.

[@saikiran-io1sy]

Thank you for the reply @@pixxelex but at 2:46 after clicking clip content the end part is only getting hidden is what i mean

[@pixxelex]

Select both the frames and turn on the clip content or you can turn on the clip content for component also

[@codrin1399]

10/10 tutorial but I have a question, how to I decrease the speed of te carousel?

[@pixxelex]

Unfortunately, we can't make it slower.

[@timothyakinkuade3633]

Nice One, Now how do i implement this in react😮‍💨

[@pixxelex]

Thank You! And for React you have to code it manually

[@rohithg3512]

😀😀😀

[@adimisme]

cant scroll anyway :( i failed. the scroll are reset to original position when it was end. not auto scrolling

[@pixxelex]

Follow the tutorial properly. It should work.

[@asylgultumanbaeva6708]

Thanks a lot that was so useful for my project

[@pixxelex]

Glad to hear that

[@user-bp4mc6ym1s]

please tell me why the instant animation may not work
😔

[@pixxelex]

I didn't get you what are you trying to say?

[@user-bp4mc6ym1s]

@@pixxelex why can animation jam at the moment where the 2nd repeating picture is moving

[@pixxelex]

I'm having no trouble with it, just make sure you follow the tutorial exactly. It should work for you also.