How Do You Make an Overflow Scroll Horizontally in Figma?

Making an overflow scroll horizontally in Figma can be a simple task for experienced designers but for those who are new to the design software, it can seem a bit overwhelming. Fortunately, Figma makes this process easy with its intuitive user interface.

Here are the steps you’ll need to take to make an overflow scroll horizontally in Figma.

Step 1:

Open the project you wish to add the horizontal scrolling feature to. This can be done by clicking on “File” and then selecting your project.

Step 2:

Once your project is open, select the frames that you want to make into a horizontal scroll. This can be done by pressing and holding shift on your keyboard and selecting multiple frames.

Step 3:

Next, select “Layout” from the top ribbon and then choose “Horizontal Scrolling.” This will create a new frame within your existing ones that will contain all of the frames you selected.

Step 4:

You can now adjust any of the properties of this frame such as size, padding, margins, or position. To do this click on “Properties” in the top ribbon and adjust any of these settings as needed.


Making an overflow scroll horizontally in Figma is simple with its intuitive user interface and easy-to-use tools! With just a few steps, you can create a horizontal scrolling design within minutes.