Web Design » Figma » How Do I Make a Horizontal Scroll in Figma?

How Do I Make a Horizontal Scroll in Figma?

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

Figma is a vector-based design tool that is becoming increasingly popular in the world of web and app design. One of the great things about Figma is its ease of use and ability to create sophisticated designs without having to learn a lot of complex software.

One of the features that Figma offers is the ability to create horizontal scrolls. This can be extremely useful for creating long, scrolling pages or for creating a carousel-style effect.

Creating a horizontal scroll in Figma is actually quite simple. The first thing you need to do is create a frame that is wider than the canvas. This will be your scrollable area. Next, you need to add a few layers inside of this frame.

These can be images, text, or anything else you want to include in your scroll. Finally, you need to select the frame and click on the “Overflow” icon in the upper right corner. This will allow you to choose how your content will behave when it reaches the edge of the frame.

PRO TIP: If you are not careful, making a horizontal scroll in Figma can be very tricky. Make sure that you have the correct settings before attempting to make a scroll, or you may end up with a scroll that is difficult to control.

There are two options for horizontal scrolling: “Wrapping” and “Scrolling.” Wrapping will cause your content to wrap around to the other side of the frame when it reaches the edge. Scrolling will cause your content to continue scrolling off-canvas until it reaches the end.

Once you have selected your desired behavior, your horizontal scroll is complete! You can now view your content by clicking on the “Play” icon in the upper left corner of the canvas.

Horizontal scrolls can be extremely useful for creating long, scrolling pages or for creating a carousel-style effect. Creating a horizontal scroll in Figma is actually quite simple and only requires a few steps. First, create a frame that is wider than the canvas.

Second, add a few layers inside of this frame – these can be images, text, or anything else you want included in your scroll. Finally, select the frame and click on the “Overflow” icon in the upper right corner in order to choose how your content will behave when it reaches the edge of the frame; there are two options here – “Wrapping” and “Scrolling.” Your horizontal scroll is now complete!

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.