Scrollable list in Figma

2 min tutorial on how to design a scrollable list in Figma.

Scrolling animation is helpful for long lists when not all list elements can be visible at once. We will create a scrollable list using simple objects and two frames—the top and end of the list. After that, we will add a simple On Drag animation between two frames so the user can use the scrolling bar to move down the list.
----

#scrollingtext #scrolling #scrollinginternet #uidesign #ui #userinterface #userexperience #ux #productdesign #uidesigntutorial #userinterfacedesign #designinfigma

[veganlifethebestlife]

The BEST video! Simple and easy to use. Thanks.

[byAlexfromua]

Hm why not use a scroll option in prototype setting in Figma simply?

[lemillion]

The BEST video! Simple and easy to use. Thanks. 👌🏾👌🏾👌🏾

[DarshanSingh-eddy]

Very useful. Implemented this instantly and it's working. Thanks for the tutorial.

[claroquepoggi]

Alright! But on I put the frame inside my page (the master frame, let's say it) it jsut does no work.

[alejandroamsel]

THIS IS EXACTLY WHAT I WAS LOOKING FOR! THANKS, NICK, YOU GOT A SUBSCRIBER!

[OXMStudios]

this is cool but how do I put it in another frame? when I have the dupmicated list outside, the animation shows the entire page for a fraction before showing the scrolled down list.

[anhnguyenhoang]

How did you move the list within the frame?

[suryakamalnd]

But, how to add more depending on the code?

[bullterriertransylvania]

This is a dragable list NOT a SCROLLABLE list. :)

[alibabadhongalu]

Note:- this scroll bar not stopping in the medial of bar.
its not working properly👎
but thanks for the idea and do barter videos we always sport you 💐