Web Design » Figma » How Do You Make a Scroll in Figma?

How Do You Make a Scroll in Figma?

Last updated on September 28, 2022 @ 9:06 pm

There are a few different ways that you can make a scroll in Figma. You can use the scrollbars that are built into the software, or you can create your own custom scrollbars.

If you want to use the built-in scrollbars, all you need to do is click on the “View” menu and then select “Show Scrollbars”. This will add scrollbars to the sides of your canvas so that you can scroll up and down or side to side.

If you want to create your own custom scrollbars, you can do so by creating a frame and then adding a rectangle inside of it. You’ll want to make sure that the rectangle is big enough to cover the entire area that you want to be able to scroll.

Next, you’ll need to add two more rectangles inside of your frame. These rectangles will be used as your scrollbars. You can position them wherever you like, but it’s usually easiest to put them on the sides of your frame.

Finally, you’ll need to add some interaction to your scrollbars. You can do this by selecting the “Interactions” tab in the properties panel and then adding a “Scroll” action to each of your rectangles.

Once you’ve done all of this, you should have a fully functioning custom scrollbar in Figma!

How Do You Make a Scroll in Figma?

There are a few different ways that you can make a scroll in Figma. You can use the built-in scrollbars or create your own custom ones.

Using Built-in Scrollbars

To use the built-in scrollbars, click on View from the top menu and select Show Scrollbars.

PRO TIP: This article may be out of date. The Figma interface or process may have changed since this was written.

Creating Custom Scrollbars

Scrollbars can be customized by creating a frame first, then adding a rectangle inside of it large enough to cover the entire scrolling area.

After creating the frame with a rectangle, add two more rectangles inside of it for the actual scrollbars. These rectangles should be placed on either side of the frame.

How Do You Make a Scroll in Figma?

Figma provides users with multiple ways to create scrolls bars depending on their individual needs – including both built-in and custom options.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.