How Do I Make a Horizontal Scroll in Figma Prototype?

Figma prototypes are a great way to showcase the design of a website and help developers to quickly understand the flow of a website. They’re especially useful when it comes to creating prototypes that contain horizontal scrolling. Horizontal scrolling can be used to display more information than would normally fit in the limited amount of space on a page, while still allowing users to easily navigate through the content.

Creating a horizontal scroll in Figma is easy and can be done by following the steps below:

Step 1:

Create your prototype in Figma. Make sure that all elements are properly aligned and that each page has enough space for horizontal scrolling.

Step 2:

Once you’re done with your prototype, select the layer or group that you want to make horizontally scrollable. In the properties panel, click on “Scrollable” and set the property to “Horizontal”.

Step 3:

Once you’ve done this, you should see an orange scrollbar appearing at the bottom of your layer or group. This will indicate that it is now horizontally scrollable.

Step 4:

Now all you have to do is adjust the width of your layer or group so that it fits all of your content without overflowing. Once you’ve done this, your users will be able to scroll through your content horizontally.


Creating a horizontal scroll in Figma is easy and can be done with just a few simple steps. By following these steps, you can easily create prototypes with horizontal scrolling and ensure that all of your content is visible without overcrowding the page.