How Do You Scroll in Figma?

How Do You Scroll in Figma?

In Figma, scrolling is an essential feature that allows you to navigate through your design files and view content that extends beyond the visible viewport. Whether you're working on a small design or a complex prototype, understanding how to scroll efficiently is crucial to your workflow.

Scrolling with the Mouse or Trackpad

Figma supports various methods for scrolling, depending on your device. If you're using a mouse with a scroll wheel or a trackpad, scrolling in Figma is as simple as moving your finger or rotating the wheel up or down.

Scrolling with Keyboard Shortcuts

If you prefer using keyboard shortcuts, Figma offers several options for scrolling:

  • Spacebar: Press and hold the spacebar to activate the hand tool. While holding it down, click and drag to scroll in any direction.
  • Arrow keys: Use the up and down arrow keys to scroll vertically and the left and right arrow keys to scroll horizontally.
  • Page Up/Page Down: Pressing the Page Up or Page Down keys allows you to quickly jump up or down by one full page at a time.

Scrolling with Scrollbars

In addition to mouse/trackpad scrolling and keyboard shortcuts, Figma also provides scrollbars for precise control over your scrolling experience.

To use the scrollbar:

  • Vertical Scrollbar: Located on the right side of the screen, this scrollbar allows you to scroll vertically by dragging it up or down. You can also click above or below the draggable handle to jump directly to that position.
  • Horizontal Scrollbar: If your design extends beyond the width of your screen, Figma will display a horizontal scrollbar at the bottom. You can use it to scroll horizontally in a similar way as the vertical scrollbar.

Scrolling within Frames

In Figma, you can organize your designs using frames. Sometimes, you may need to scroll within a specific frame to view its entire content.

To scroll within a frame:

  • Select the Frame: Click on the frame you want to scroll within to make it active.
  • Use Scrolling Shortcuts: Apply any of the scrolling methods mentioned above (mouse/trackpad, keyboard shortcuts, or scrollbars) to navigate through the content inside the frame.

In Conclusion

Scrolling is an essential skill for navigating through your designs in Figma. By using mouse/trackpad scrolling, keyboard shortcuts, and scrollbars effectively, you can easily explore large and complex designs with ease. Remember to utilize these techniques based on your personal preference and workflow for optimal efficiency.