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

In this video I will be using drag and smart animate to create the scroll animation with a scroll bar. Using these same tools we can also make the scroll bar move when dragging the content!

[oZenakos]

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! :)

[GamingGirlfriend_]

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?

[SwimmingUpCurrents]

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

[stickyyhead]

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

[ceciliaw]

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

[nikitapanfilov]

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

[SilverAsakura]

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.

[me_sumit_]

Simple + Easy + Useful = My kinda thing.

[yan-hssn]

straight forward and well explained! thank you

[fermunoz]

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

[rifaparveenm]

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

[juliannekaori]

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

[antaresiguess]

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

[KD-]

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

[josephchisom]

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

[ShardaeCotton]

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?

[coffeeecatsss]

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

[vancongnguyen]

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

[sureshs]

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

[Edwedish]

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