How Do You Do a Scroll in Figma?

Using Figma to design the perfect web page or mobile app can be a daunting task. That’s why it’s important to understand how to do a scroll in Figma, so you can ensure your designs look great on any device. In this article, we will explain what a scroll is and how to do one in Figma.

A scroll is essentially a vertical movement of content or elements on a page. It can be used to move content from one side of the page to the other, or to display more content than would fit on one page. This can be useful for creating longer pages than would otherwise be possible, or for presenting different sections of a website without having them all visible at once.

To do a scroll in Figma, you will need to use the Scroll Component. This component allows you to select an area that can be scrolled up and down, as well as left and right.

You can also adjust the speed and direction of the scroll, as well as add animation effects. The Scroll Component also includes options for adjusting its size and padding so that it fits perfectly within your design.

Once you have added your Scroll Component, you will need to add content into it. To do this, simply drag elements onto the canvas and place them inside the component’s frame. You can then adjust their size and position within the component using the resize handles or by manually entering values in the Properties panel.

Finally, you will need to preview your design in order to make sure it looks perfect on any device. To do this, simply click on ‘Preview’ from within Figma and select which device you would like to view your design on.

You should then be able to see how your scroll looks in action.


Figma is an incredibly powerful tool for creating stunning designs for web pages and mobile apps. With its Scroll Component feature, you are able to create scrolls with ease so that your designs look great no matter what device they’re viewed on. By following these steps, you should now have no trouble understanding how do you do a scroll in Figma!