Horizontal and Vertical Scroll in Figma | Scrolling in Figma explained.

Understand how to add a scroll effect in Figma for horizontal and vertical scrolling

[@disway71]

This is by far the easiest and most straight forward instruction on creating the scrolling component, vs. the other ones I have seen. I didn't even know this method existed, yet it makes total sense! Thank you!

[@femijohn]

You're are very much welcom. Thank you for the kind words 😊

[@shenellefernando2514]

Agreed! I've been searching everywhere as well and no one has demonstrated it as simply as this. Thank you!

[@williamwheeler9866]

That's just what I needed! I knew it was a simple fix and I really didn't want to sit through a long drawn out video. Straight and to the point, thank you! You earned another subscriber!

[@femijohn]

Thank you so much for the kind words. I am glad I could help 🙏

[@fani43154]

This is incredible. You're very helpful - I love the way you talk through what you're doing in each step so as to make it super easy to follow along. Thank you Femi!!

[@femijohn]

You're welcome. 😊

[@ashleyxwu]

This was amazing, you made it under so little steps unlike the other videos , so simple and easy to follow. Thank you so much for this !

[@femijohn]

You’re welcome. I sincerely appreciate your kind words 🙏😊

[@bekikovacs]

Thanks for this tutorial! Structured, clear, and no noisy content. Well-done!

[@femijohn]

You're welcome

[@sundaytagbo8500]

One of the most helpful video in just under 10 mins. So much for what feels difficult to to get through with for over an hour... Thank a lot, you got one new subscribers here.

[@femijohn]

Thank you so much

[@maxmccarthy4237]

Straight forward and watching this at 2 in the morning. Definitely appreciate your videos, Femi!

[@femijohn]

Thank you so much. 😊

[@harveymoment]

Fantastic tutorial! Straight to the point and clearly explained, can't explain the feeling of power I got when my prototype actually scrolled haha

[@femijohn]

You're welcome😊

[@kevinsanchez57]

The best instruction to follow when doing animating for Figma. As a student, other video show it so fast where you can even learn from it or they just talk to fast like they expect us to get it the first try. I have to say thank you sir for making this so understanding for others to learn! Nothing but flowers to you sir!

[@femijohn]

You're very welcome. Thank you so much for your kind words. 😊

[@krupakshitij7286]

Amazingggg
You saved the day!!!
The best and simplest tutorial about vertical and horizontal scrolling.

[@femijohn]

You’re welcome. I appreciate your kind comment ☺️

[@otekpendaniel1962]

It was very helpful, someone told me I'd have to animate it and I was confused. Thank you Femi!

[@femijohn]

You’re welcome…

[@darlingtonumeh1453]

They say the best teachers need the fewest words to make one understand. Thank you Femi

[@femijohn]

You're welcome😊

[@lubnam6836]

omg I was searching for this for hours and no one was showing exact steps specially before and after scrolling part!. Thank you so much!

[@femijohn]

Glad I could help!

[@palazingen]

I had to comment. That's the best figma tutorial I've seen so far. I just HAD to thank you.

[@femijohn]

You're very welcome 🥹🙏🏽

[@anaisbloem8205]

Wow you helped me so much! You can't even imagine. Your instructions were clear, simple, and so helpful. Well done! :D

[@femijohn]

Thank you so much, Glad I could help.

[@lutfinest]

really great tutorial, short, precise, and straight to the point.
tysm 👍

[@femijohn]

You're welcome 😊

[@Upscorez]

That was short and easy, Thank you so much.

[@CDRClarisse]

Thank you so much! I didn't know I was supposed to click the entire frame Scroll Behavior Overflow! Thank you for this tutorial !

[@femijohn]

You are welcome.

[@TheBossCat]

You have the best explanation: thank you!

[@Rirah]

This was great, so easy to follow, and did exactly what I needed to do! Thank you!

[@femijohn]

Thank you. I’m glad I could help 😊🙏

[@MateusBarrosgamer]

I still don't understand why Figma is so complex to do basic things like this, many commands and options just to scroll. While Adobe XD is automatic with one click only... let's what Adobe will do with both softwares now

[@westfield90]

I agree

[@yefeng5595]

Thank you. You taught us how to make horizontal and vertical scroll ! What's more, using component to show the whole process really helps beginners, like me, to establish good habits.

[@femijohn]

you're welcome. I do have some videos on them.

[@ajay4813]

BEST DISCRIBED VIDEO SO FAR, GREAT!!!

[@femijohn]

Glad it was helpful!

[@estherbraden5401]

Thank you so much! This is so much easier to follow than other videos!

[@femijohn]

Glad it helped!

[@PatTheRipper]

Thank you!!! 🙌🙌🙌 so simple. Why does so many other YT creators not explain it so simply. It’s so easy too…

[@femijohn]

I know right, I am glad you found this helpful.

[@PatTheRipper]

@@femijohn I taught some classmates. They send thanks! 😊

[@quinevere]

this was the best tutorial for anything figma related I have ever seen

[@femijohn]

Wow, Thank You so much for the kind compliment. 🙏🏽

[@lyampao5005]

This was short and easy to understand. Thanks!

[@femijohn]

You’re welcome 🙏

[@Takeashorts888]

Thank you so much to solve my problem , I have seen many videos but no one gave me satisfaction , I felt so lucky when I found your video...
THANKS BROTHER!!!!!!

[@femijohn]

Thank you so much😊

[@EverydaywithEniola]

Hi Femi!
This was so helpful so me😭❤️
You gained a new subscriber already and I’m going to share your channel to my fellow designers
God bless you ❤

[@femijohn]

You’re welcome, thanks for the kind words 🙏

[@camillestarr9109]

Thank you so much! This was super helpful and clear. I appreciate the walkthrough!

[@femijohn]

Glad it was helpful! you're welcome

[@puntodesigns]

Thank you so much! I was looking for a horizontal scrolling tutorial and you made it so easy! :)

[@femijohn]

You are welcome.

[@bananashp]

Fantastic video. Super easy to follow. Thanks!

[@femijohn]

Thank You. 🙏🏽

[@user-hl8jo5gm3v]

I love the simplicity! Thanks so much.

[@femijohn]

You’re welcome 🙏

[@Mrmariobrox97]

Easy and straightforward tutorial. Excellent video!! 10/10 :D

[@femijohn]

Thank you!

[@johnmcnab4273]

this made absolute sense, loved it! thank you so much :)

[@femijohn]

You're so welcome! I Appreciate 😊

[@osipreciosa]

Wooow! Simple and straight to the point 👏🏻
New sub 😍

[@femijohn]

Thank you so much 🙏😊

[@vessihriskova2066]

It was very helpful. Short and clear. thanks!

[@femijohn]

Thank you 😊

[@oinconquistado]

Your teaching is excellent! Congratulations and thank you!

[@femijohn]

Thank you so much. I appreciate your kind words. 😊

[@luiscorreia3618]

Great video!! I was able to implement the scroll function in my app but for some reason when I scroll to the end, the screen does not stretch like it does on your screen. Do you know why? Thanks!

[@flo8903YT]

Ehrenmann, hat mich echt gerettet Macher! 👍👍

[@abdulbasitsadiq3413]

Beautifully explained! Thank you!

[@femijohn]

You’re welcome 🙏

[@matchavoc]

omg ! exactly what i'm looking for !
This works. Thank you so much ^^

[@femijohn]

You're welcome

[@designwithmilly]

Just seeing this for the first time. Thanks boss 🙏🏿 well detailed

[@femijohn]

You're Welcome

[@benmajkut618]

Hey what’s the font you were using in the prototype?

[@olayinkaajayi4313]

Thank you so much,I need help with being able to click each horizontal bar. I tried it but they are not scrolling. I want to add like an active colour when I click on each and still be able to scroll but it's not working

[@enestalay07]

Thank you for the video but I have a question which is above the clock and WiFi sign where do we add them

[@omenow2913]

Thank you so much, was totally stuck. This was really helpful!

[@femijohn]

You are very welcome. I’m glad I could help

[@ayooavicado]

Me too , this video helped a lot

[@aakash3505]

i was here , for another reason , but somehow your video help me fix that issue, a fig thank you to you sir

[@femijohn]

Glad to hear that! You're welcome🙏🏽

[@xueyintan9266]

Thanks for the amazing tutorial. One question: why we need to press command/control to drag the frame instead of dragging it directly ?

[@cherrycoked3]

Hello, I noticed when i did the horizontal scroll for some reason when scrolling back to the beginning the left margin misaligns (the title and the tile do not line up properly). not sure how to fix that?

[@jkoblivion4175]

Thank you so much for this tutorial. I really mean it. :)

[@femijohn]

You're very welcome! 🥹

[@josua02]

You saved my UI/ UX project for Uni. Thank you Bro

[@femijohn]

I’m glad I could help. You’re welcome 🙏😊

[@rabiayldzdal8199]

can i ask you something, but how can i fix the icons

[@elliotgale9118]

thank you for the super concise and clear tutorial!!

[@femijohn]

You're welcome

[@adeyemioluwafemi7248]

Nice,simple and short👏🏼🙌🏼. Got all I need to know. you don’t have to beg for like and subscription, you earned it 🎉👏🏼 Thanks so much. God bless you🙏🏼

[@femijohn]

I'm glad it was helpful. Thanks for the sub!

[@26.bhubneshmaharana51]

ya really helped man easy and simple to the point

[@femijohn]

Thank You so Much.

[@JacobGagoOfficial]

what type of font are you using here?

[@shams923]

thanks a lot brother
However i am facing one issue more
after the scrolling effect when i scroll towards down, the background colour disappears ? How to fix that?

[@mufidaainani7227]

This is very helpful, but i wanna ask, what the differences between frame autolayout and frame like usual? and when i use frame autolayout the element will be crash into the other? btw thank you :)

[@franrub9234]

Excellent Tutorial!!!Thank you!

[@femijohn]

Glad it was helpful! You're welcome.

[@julietkan]

Thank you so much!! You explain very well!

[@femijohn]

You’re very welcome. Thank you for the kind words 🙏🥹

[@user-sm4gn1uk4v]

Thank you so much
I really learnt thus in the easiest way possible.

[@femijohn]

You're very welcome!

[@hariss99]

This was very helpful for me, thank you for the amazing tutorial ^-^

[@femijohn]

You're welcome 😊

[@bhimsain2901]

can we do same horizontal scroll for post carousel in elementor

[@samsonayo6010]

Some of you guys don't know that your pages are like trove. generations will still find these treasures. Thank you very

[@femijohn]

You’re so kind 😄

[@fr0sty999]

great tutorial! highly appreciated, keep up the good work :)

[@femijohn]

You're welcome😊

[@vulakyr]

Thank you very helpful!

[@foodher0812]

But why the background design move as well or didn’t appear in the video demo just the object are moving are appearing

[@sadmansakib006]

Thanks a lot! I was stuck there, it was a great help!

[@femijohn]

Glad it helped!

[@candace200]

Transitioning from XD and I really wanted the padding. Struggled for a while and realized my group and frames were offset in the layers. Thanks for the help!

[@femijohn]

Glad I could help! I hope you do amazing thing with Figma!

[@user-zm4ch1tw8c]

Thank you so much, this really saved my project

[@femijohn]

You're welcome!

[@dariysthrfirst]

waaaa, that helped me a lot actually, thanks for such clear explanations!!!!

[@femijohn]

You're welcome 😊

[@benilsonrui5950]

Loved the video bro, helped me a lot

[@femijohn]

Glad it helped

[@gabypino407]

Just what I needed! thanks!

[@femijohn]

You're welcome 😊

[@bhavyashah1329]

than u so much......i cant express how much thankful i am...thank u

[@femijohn]

You're welcome 😊

[@beyond_epic]

where to get that type of image?

[@NNNedlog]

Thanks a lot brother. Your explanation made this very easy to do.
You have a new subscriber

[@femijohn]

You’re welcome and thank you also 🥺

[@NJENGAAA]

This was really helpful. Thanks!

[@femijohn]

You’re welcome. I appreciate the kind words 🙏

[@ayomideolatunde2416]

bro you are a legend such a simple way to do scrolling

[@femijohn]

Thank you 🙏

[@suleimanmubarakolakunle8425]

Thank you bro this is really helpful can’t find it elsewhere

[@femijohn]

You’re welcome 🙏🚀

[@Official_kod]

brooo.. thanks so much.. i struggled with this for days... thanks so much man

[@femijohn]

Glad it helped

[@Tee-iz3vt]

Very easy and straightforward, thank you, thank you.

[@femijohn]

You’re welcome

[@PeiwenTanbassoon821]

Could you make one within components? So far scrolling either don't work within components or the options are not even available for me and I can't find solution anywhere...

[@kathresmee6204]

I was watched another but couldn't understand but yours was very helpful and understandable thanks

[@femijohn]

Your very welcome 🙏 🤗🚀

[@oluwabamiseojuko1007]

Very helpful, thank you!

[@femijohn]

Glad it was helpful!

[@at_if17]

love your work sir , really easy to understand .

[@femijohn]

Glad to hear that. Thank You

[@shardracknanajunior1597]

I used your method but the images I want to use for the scroll some how disappears from the screen. Please help

[@bebra_rb]

i spend hour to solve this but i watchey ur video and understand! thanks!!!

[@femijohn]

You're welcome

[@HimanshuSharma-sg4ql]

Great to the point subscribed to your channel.

[@femijohn]

Thank you so much😊

[@barbaraamoakoa5169]

Thank you! This was simple to follow

[@femijohn]

Great to hear! You're welcome

[@onyinyechi3902]

Very simple video to understand.
Thanks for this

[@femijohn]

Thank you 😊

[@Rey_nawaz]

It was super helpful for me. Thank you soo much for making this video🎉🎉❤

[@femijohn]

You’re welcome. I appreciate your kind words

[@TechCecret]

Thank You So Much....

[@jojodesigns777]

This was very helpful, thanks !

[@femijohn]

You’re welcome 🙏

[@noyura]

lifesaver!! thankuuu

[@femijohn]

You’re very welcome 😊

[@fatmashabara13]

this was very helpful. Thanks a lot

[@femijohn]

You're welcome

[@Kellastico]

Yessir! Thank you for this!

[@femijohn]

You’re welcome 🙏

[@yours.337]

Thank You So Much

[@christopherverse]

Where can i download that theme?

[@meiitsugaki9138]

Super useful! Thank you so much c:

[@femijohn]

You're welcome