How to Create a Scroll Bar Animation in Figma Using Smart Animate! 

Simple + Easy + Useful = My kinda thing.

When releasing the mouse, how do I make the scroll bar not move down or up?

Thanks! I had an issue with a horizontal scrolling table but I realized I was adding the drag interaction to the "viewport" instead of the table itself. Just a heads up in case it helps someone.

So impressed, thank you! That unsplash widget too… 🤯

For desktop prototype Is it possible to make the scrollbar thumb move as you scroll with the mouse wheel while you hover the outer frame? (instead of dragging the content). cheers for vid! :)

Hi! I think with the latest Figma updates this no longer works. How can I create the same effect in another way?

its good but is there any way to make it like don't go all the way down or up, like when I put it in the middele it goes down or up

I really enjoyed the video demo! However, I noticed that the interaction currently simulates dragging rather than scrolling. Is it possible to animate the Figma scrollbar to reflect actual scrolling behavior?

Thank you for the short video! Worked on my components too💚

how did you scroll through the frame within design mode? 3:18

learned a lot in a short video, this is perfect thank u!

straight forward and well explained! thank you

absolutely perfectvideo, super clear and easy thankyou so much man!

Thank you for this bro, its really easy to understand. Continue making dude, worth a sub

Thanks a lot for this tutorial. You're saving my life 🥺

Hi Bro i am Suresh From India. thank you bro...

clear and easy, many thanks 👍

Very useful! Thank you so much!

is it possible if we scroll the scrollbar will animate as well?

Thank you very much, you're a life saver.

this works but it seems like it snaps to the very top or bottom only :r

When releasing the mouse, how do I make the scroll bar not move down or up? we need an answer to this please

This is great! Thank you sm :)

Hi! love the video but for my prototype, it doesn't work smoothy and the scroll bar dosen't move with the contents?

I have an important issue, the scroll drag works good but when the list moves looks over other layers with some opacity. (clip content is activated)

Actually, it's not stopping middle when we stop, scrolling A to Z in single scroll.. what to do ?

Thank you!

Great guide! thanks))

Great video!

Great tutorial, I wondered if you could help me with something: How can I make this animation and apply it to another frame that i can prototype? for example; I have a frame which is macbook 16 inch with my webpage design in it, and within that I want to have this frame which is a scrollable textbox.

For unsplash, what is the windows command for choosing multiple images?

hey after designing this when I put that into the frame , its not working

I am creating a webpage design for a fictional website. Will this method work if I make components that I can reuse it scroll on different webpage designs?

Is it possible to stop scroll in the middle or any point ?

3:18 How to perform that scrolling without entering present mode? Can you share the keyboard shortcut for Windows?

LIFESAVER

It seamns easy but I just cannot finish it! There's no "smart animation" choice here! What am I doing wrong?

how do you move the focus to the bottom of the boundary box?

OMG now i see, i a turtle :c

bro can u do this without dragging? just scrolling only?

How do I scroll down to the last comment within the list of items? minute 3:21 Thank you!

Thanks Man

Great tutorial, thank you! Just a question... in the second frame, how do you manage to scroll the list? Any shortcut or something like that?

thank youuu

how do made it as componant and how to use it in a single part of my page???

I wanted to do something like this on an overlay animation but it is not working. Can you give me any clue?

can i do that for website design？

HOW DID YOU SCROLL IN THAT LAYOUT?

Thanks

ss