Web Design » Figma » How Do You Do Scrolling in Figma?

How Do You Do Scrolling in Figma?

Last updated on November 25, 2022 @ 5:01 pm

Figma is a vector-based design tool that is primarily used for interface design. It has a number of features that make it unique among other design tools, one of which is its scroll function.

While other design tools have scrolling capabilities, Figma’s scroll function is more robust and gives designers more control over their designs.

The first thing to know about Figma’s scroll function is that it is not automatic. In other words, you cannot simply scroll through your design like you can in other tools.

Instead, you must first select the element that you want to scroll, and then use the scroll bar that appears in the upper-right corner of the Figma window. This scroll bar looks different than the one you may be used to seeing in other programs; it has a series of small dots instead of a traditional slider.

To use the Figma scroll function, simply click and hold on one of the dots and then drag your mouse up or down. As you do this, you will see your design begin to scroll.

You can also use the arrow keys on your keyboard to scroll, though this can be a bit more difficult to control than using the mouse. If you want to scroll more slowly, you can hold down the Shift key while using the arrow keys.

One advantage of Figma’s scroll function is that it allows you to see your design at different zoom levels without having to change the zoom level manually. This can be helpful when you’re trying to get a better look at a specific element or when you want to see how your design looks at different sizes.

To do this, simply click on the dot in the upper-right corner of the Figma window and then drag your mouse up or down. As you do this, you will see the zoom level change in real-time.

PRO TIP: This article is a little out of date and no longer accurate. The Figma team has since released a new article on how to do scrolling in Figma.

The Figma scroll function is a powerful tool that gives designers more control over their designs. With a little practice, it can be easy to master.

How Do You Do Scrolling in Figma?

Figmas scrolling function isnt automatic like some other design tools. Heres how it works:

  1. First, select the element you want to scroll.
  2. A scroll bar will appear in the upper-right corner of the Figma window.
  3. Click and hold on one of the dots and drag your mouse up or down.

Now You Try It!

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.