How Do You Simulate Scrolling in Figma?

Simulating scrolling in Figma is an incredibly useful tool for UI/UX designs. It allows designers to see how their interface will look and behave when a user scrolls through it. With this feature, designers can create a user experience that is both aesthetically pleasing and intuitive to use.

In order to simulate scrolling in Figma, you must first create a frame. The size of the frame should be determined by the size of the window that the user will be viewing it in.

After creating the frame, you will need to add elements inside it like text boxes or images. You can also add scroll bars to your frame if you wish.

The next step is to set up the scrolling behavior. You can do this by selecting the ‘Scroll’ option from the top toolbar in Figma.

This will open up a panel with various options for setting up how your content will scroll. You can choose whether scrolling should be vertical or horizontal, and also determine how much content should be visible at once.

Once you have set up your scrolling behavior, you can test it out by using the preview mode in Figma. This mode allows you to view your design as if it were being viewed on an actual device. In preview mode, you can scroll through your design just like a real user would and make any adjustments necessary.


Simulating scrolling in Figma is an incredibly useful tool for UI/UX designers as it allows them to create an enjoyable user experience through their designs. Setting up scrolling behavior is easy with Figma’s intuitive tools and testing out the design with Preview Mode ensures that everything looks perfect before going live.