How Do You Horizontally Scroll in Figma?

If you’re looking to add a horizontal scroll feature to your Figma project, there are a few different ways to do it. You can use a combination of frames and scroll bars, or you can make use of the Horizontal Scroll component. Both will give you the same result, but how you go about it depends on your design goals.

Using Frames and Scroll Bars – This is one of the simplest ways to create a horizontal scroll in Figma. All you have to do is create two frames, one for the content that will be scrolled and another for the scroll bar itself.

Then, set the “Overflow” setting on the content frame to “Scroll” and set the “Scrollbar Position” setting on the scroll bar frame to “Horizontal”. This will give you a basic horizontal scrolling experience with minimal effort.

Using the Horizontal Scroll Component – The Horizontal Scroll component is an official Figma plugin that allows you to quickly set up a horizontal scrolling experience with just a few clicks. After installing the plugin, all you have to do is drag and drop it into your project, adjust any settings according to your design needs, and add your content inside of it. This is great for quickly creating complex layouts without having to worry about manually setting up frames or scroll bars.

Conclusion: Horizontal scrolling in Figma is easy and straightforward thanks to frames and scroll bars or using the official Horizontal Scroll component plugin. With either method, you’ll be able to quickly add a scrolling experience that works exactly as needed for your project.