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!
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!
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!
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.
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!!!!!!
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.
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!!
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!
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
Figma made an Update. Switch to the prototype tab, make your element a top level layer and you should see the Position Option, then select fixed. Kindly watch my last video if you need more clarity I posted an updated version of this video. let me know if this helps
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?
No its not. Make sure its not burried deep in layer. it has to be in a top level layer. that means you should see that layer once you click on the main frame.
2:05 why do you have an iphone in the display? what settings did you change? I want to have an iphone or ipad mockup when I hit play, what should i do? (Im new to figma)
Hello! Thank you so much for this step-by-step tutorial! I hope you don't mind me asking: I'm currently trying to create a deck of presentation slides in figma, and I'm looking to put up a section inside that's scrollable horizontally. However, it's not moving at all unless I change my device to mobile/macbook/laptops. Is it impossible to implement the slider prototype effect in presentation slides? : (
![How to build a fancy Scroll/ carousel interaction in Figma [Sneaker app]](/img/1.gif)
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!
You're are very much welcom. Thank you for the kind words 😊
Agreed! I've been searching everywhere as well and no one has demonstrated it as simply as this. Thank you!
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 !
You’re welcome. I sincerely appreciate your kind words 🙏😊
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!
Thank you so much for the kind words. I am glad I could help 🙏
Some of you guys don't know that your pages are like trove. generations will still find these treasures. Thank you very
You’re so kind 😄
Thanks for this tutorial! Structured, clear, and no noisy content. Well-done!
You're welcome
Fantastic tutorial! Straight to the point and clearly explained, can't explain the feeling of power I got when my prototype actually scrolled haha
You're welcome😊
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!
You're very welcome. Thank you so much for your kind words. 😊
They say the best teachers need the fewest words to make one understand. Thank you Femi
You're welcome😊
Thank you!!! 🙌🙌🙌 so simple. Why does so many other YT creators not explain it so simply. It’s so easy too…
I know right, I am glad you found this helpful.
@@femijohn I taught some classmates. They send thanks! 😊
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.
you're welcome. I do have some videos on them.
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!!!!!!
Thank you so much😊
Thank you so much! I didn't know I was supposed to click the entire frame Scroll Behavior Overflow! Thank you for this tutorial !
You are welcome.
It was very helpful, someone told me I'd have to animate it and I was confused. Thank you Femi!
You’re welcome…
This was short and easy to understand. Thanks!
You’re welcome 🙏
this was the best tutorial for anything figma related I have ever seen
Wow, Thank You so much for the kind compliment. 🙏🏽
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.
Thank you so much
I had to comment. That's the best figma tutorial I've seen so far. I just HAD to thank you.
You're very welcome 🥹🙏🏽
Thank you so much! This is so much easier to follow than other videos!
Glad it helped!
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!
Glad I could help!
Straight forward and watching this at 2 in the morning. Definitely appreciate your videos, Femi!
Thank you so much. 😊
really great tutorial, short, precise, and straight to the point.
tysm 👍
You're welcome 😊
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!!
You're welcome. 😊
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!
Glad I could help! I hope you do amazing thing with Figma!
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
I agree
Amazingggg
You saved the day!!!
The best and simplest tutorial about vertical and horizontal scrolling.
You’re welcome. I appreciate your kind comment ☺️
BEST DISCRIBED VIDEO SO FAR, GREAT!!!
Glad it was helpful!
Just seeing this for the first time. Thanks boss 🙏🏿 well detailed
You're Welcome
I was watched another but couldn't understand but yours was very helpful and understandable thanks
Your very welcome 🙏 🤗🚀
Fantastic video. Super easy to follow. Thanks!
Thank You. 🙏🏽
You saved my UI/ UX project for Uni. Thank you Bro
I’m glad I could help. You’re welcome 🙏😊
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🙏🏼
I'm glad it was helpful. Thanks for the sub!
This was great, so easy to follow, and did exactly what I needed to do! Thank you!
Thank you. I’m glad I could help 😊🙏
Thank you so much
I really learnt thus in the easiest way possible.
You're very welcome!
than u so much......i cant express how much thankful i am...thank u
You're welcome 😊
Wow, you explained it well. Earned a new subscriber today
Awesome, thank you! 😊
Thank you so much for this tutorial. I really mean it. :)
You're very welcome! 🥹
U are at simple explanations it was neat
Thank You.
Wow, this was so helpful. Me 21 years old playing with an app prototype. Anyway, thanks for the video!
Thank you. You’re welcome
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 ❤
You’re welcome, thanks for the kind words 🙏
i was here , for another reason , but somehow your video help me fix that issue, a fig thank you to you sir
Glad to hear that! You're welcome🙏🏽
i spend hour to solve this but i watchey ur video and understand! thanks!!!
You're welcome
Thank you so much, was totally stuck. This was really helpful!
You are very welcome. I’m glad I could help
Me too , this video helped a lot
Thank you so much! I was looking for a horizontal scrolling tutorial and you made it so easy! :)
You are welcome.
ya really helped man easy and simple to the point
Thank You so Much.
Thank you so much! This was super helpful and clear. I appreciate the walkthrough!
Glad it was helpful! you're welcome
Beautifully explained! Thank you!
You’re welcome 🙏
brooo.. thanks so much.. i struggled with this for days... thanks so much man
Glad it helped
This was very helpful for me, thank you for the amazing tutorial ^-^
You're welcome 😊
Easy and straightforward tutorial. Excellent video!! 10/10 :D
Thank you!
I love the simplicity! Thanks so much.
You’re welcome 🙏
Thank you so much, this really saved my project
You're welcome!
Wow you helped me so much! You can't even imagine. Your instructions were clear, simple, and so helpful. Well done! :D
Thank you so much, Glad I could help.
Very easy and straightforward, thank you, thank you.
You’re welcome
This is excellent. Please do more of these problem solving videos. Thank you
I am glad you found this helpful.
bro you are a legend such a simple way to do scrolling
Thank you 🙏
Thank you bro this is really helpful can’t find it elsewhere
You’re welcome 🙏🚀
The best video ever...not those f*CK that will use an hour to explain what needs to be explained better in less than 10min.. kudos bro
You’re welcome man, I appreciate your kind words
It was very helpful. Short and clear. thanks!
Thank you 😊
Excellent Tutorial!!!Thank you!
Glad it was helpful! You're welcome.
Your teaching is excellent! Congratulations and thank you!
Thank you so much. I appreciate your kind words. 😊
love your work sir , really easy to understand .
Glad to hear that. Thank You
Oh my lord, you literally just saved my semester deadline for a app thank u
Glad I could help!😊
Very simple video to understand.
Thanks for this
Thank you 😊
this made absolute sense, loved it! thank you so much :)
You're so welcome! I Appreciate 😊
Thank you! This was simple to follow
Great to hear! You're welcome
You have the best explanation: thank you!
It was super helpful for me. Thank you soo much for making this video🎉🎉❤
You’re welcome. I appreciate your kind words
omg ! exactly what i'm looking for !
This works. Thank you so much ^^
You're welcome
thank you for the super concise and clear tutorial!!
You're welcome
more helpful! keep posting more videos
Thank you, I will
this was very helpful. Thanks a lot
You're welcome
Loved the video bro, helped me a lot
Glad it helped
Wooow! Simple and straight to the point 👏🏻
New sub 😍
Thank you so much 🙏😊
Thanks a lot brother. Your explanation made this very easy to do.
You have a new subscriber
You’re welcome and thank you also 🥺
That was short and easy, Thank you so much.
This helped me a lot to understand this function, only the fix position option does not appear. 😔how do I activate it?
Figma made an Update. Switch to the prototype tab, make your element a top level layer and you should see the Position Option, then select fixed. Kindly watch my last video if you need more clarity I posted an updated version of this video. let me know if this helps
Superb video . Iam waiting for more videos
Thank you so much 😀
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?
Very helpful, thank you!
Glad it was helpful!
Thank you so much!! You explain very well!
You’re very welcome. Thank you for the kind words 🙏🥹
it was very helpful, Thanks Bro 😉
You’re welcome 🙏😊
Just what I needed! thanks!
You're welcome 😊
Question. Why is my Figma doesn't have that FIX POSITION WHEN SCROLLING under constraints? I already updated it. Please help. Thank you!
Even my figma doesn't show that. Is it under any paid stuff?
@@debosmitamukherjee5525 Found it under Prototype.
No its not. Make sure its not burried deep in layer. it has to be in a top level layer. that means you should see that layer once you click on the main frame.
Make sure its not burried deep in layer. it has to be in a top level layer. that means you should see that layer once you click on the main frame.
Thanks , u have ade it so simple
Most welcome 😊
This really helped, thank you
You're welcome. glad it was helpful😊
But why the background design move as well or didn’t appear in the video demo just the object are moving are appearing
superb explanations! Thank you!
You’re welcome 🙏
Super useful! Thank you so much c:
You're welcome
waaaa, that helped me a lot actually, thanks for such clear explanations!!!!
You're welcome 😊
Thanks a lot! I was stuck there, it was a great help!
Glad it helped!
2:05 why do you have an iphone in the display? what settings did you change? I want to have an iphone or ipad mockup when I hit play, what should i do? (Im new to figma)
switch to the prototype section and select a device.
thank you! right to the point!
You’re welcome 🙏
great tutorial! highly appreciated, keep up the good work :)
You're welcome😊
lifesaver!! thankuuu
You’re very welcome 😊
1:01 When I'm resizing the frame is affecting the text and some icons differently, messing with my hole design. Do you know what is affecting this?
Hit K on your keyboard then resize with your mouse or trackpad. they should all scale
@@femijohn , thank you
I used your method but the images I want to use for the scroll some how disappears from the screen. Please help
Hello! Thank you so much for this step-by-step tutorial! I hope you don't mind me asking: I'm currently trying to create a deck of presentation slides in figma, and I'm looking to put up a section inside that's scrollable horizontally. However, it's not moving at all unless I change my device to mobile/macbook/laptops. Is it impossible to implement the slider prototype effect in presentation slides? : (
Yea it’s possible. The effect can be done on any frame. All that’s required is that the content has to be bigger than the frame
This was very helpful, thanks !
You’re welcome 🙏
Great tutorial. Thanks for your content😃
You’re welcome 🙏
thank u so much, it helps me soooooooo much
I am glad it was helpful. You're welcome