How Do You Add a Horizontal and Vertical Scroll in Figma?

Figma is a very popular design tool amongst UI/UX Designers and Front End Developers. It has many features that allow users to quickly create prototypes, mockups, and other visuals.

One of the most useful features of Figma is its ability to add horizontal and vertical scroll on a page or artboard. This feature can be used to create a scrolling page or artboard, which can be used for presentations or websites.

Adding a horizontal and vertical scroll in Figma is fairly simple. First, select the frame or artboard you want to add the scroll feature to.

Then click on the ‘Scroll’ icon in the top menu bar. This will bring up a menu with options for adding either a horizontal or vertical scroll. Select either option, depending on what type of scrolling you need for your project.

Once you have selected an option, you will be able to customize the scrolling parameters, such as speed and direction. You can also customize how much of the content is visible when the user scrolls through it. For example, if you have an image that spans across two pages and you want users to only see one page at a time when scrolling, you can adjust this setting accordingly.

In addition to setting up scrolling parameters, Figma also allows users to style their scroll bars with different colors and fonts. You can also change the thickness of your scroll bars by using sliders in the settings menu. This allows users to customize their designs even further by making sure they match their overall look and feel of their project.

Overall, adding horizontal and vertical scroll in Figma is easy and intuitive once you know how to use it correctly. It allows designers to quickly create prototypes with scrolling functionality that they can then use for presentations or website designs without having to code anything themselves.

Conclusion:

Adding horizontal and vertical scroll in Figma is an easy way for designers and developers alike to quickly create prototypes with scrolling capabilities that match their overall project look and feel without having to code anything themselves. With customizability options available for speed, direction, color, font size, as well as thickness of the scroll bars – adding horizontal & vertical scrolls in Figma helps give projects an extra layer of design finesse.