Overflow scrolling in Figma - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is overflow scrolling in Figma?

Overflow scrolling allows content inside a frame to scroll when it is larger than the visible area. It helps show more information without expanding the frame size.

beginner

Name the two main types of overflow scrolling in Figma.

The two main types are Vertical scrolling (content scrolls up and down) and Horizontal scrolling (content scrolls left and right).

beginner

How do you enable overflow scrolling in a Figma frame?

Select the frame, then in the right panel under Overflow behavior, choose Vertical scrolling, Horizontal scrolling, or Vertical & Horizontal scrolling.

intermediate

Why is overflow scrolling useful in dashboard design?

It lets you show lots of data or visuals in a small space. Users can scroll to see more without cluttering the screen.

beginner

What happens if overflow scrolling is not enabled but content exceeds frame size?

The content outside the frame will be hidden and users cannot see or access it, which may cause important information to be missed.

In Figma, which option enables vertical scrolling inside a frame?

A Horizontal scrolling

B Fixed position

C No scrolling

D Vertical scrolling

Vertical scrolling allows content to scroll up and down inside the frame.

What does overflow scrolling help you do in a dashboard design?

A Hide all content

B Resize the frame automatically

C Show more content in limited space

D Change colors automatically

Overflow scrolling lets users scroll to see more content without expanding the frame.

If content is larger than the frame and overflow scrolling is off, what happens?

A Content scrolls automatically

B Content is hidden outside the frame

C Frame resizes to fit content

D Content shrinks to fit frame

Without overflow scrolling, content outside the frame is hidden and inaccessible.

Which overflow scrolling option allows both vertical and horizontal scrolling?

A Vertical & Horizontal scrolling

B Horizontal scrolling

C Vertical scrolling

D No scrolling

This option enables scrolling in both directions inside the frame.

Where do you find the overflow scrolling settings in Figma?

A Right panel under Overflow behavior

B Top menu bar

C Left layers panel

D Bottom toolbar

Overflow behavior settings are in the right panel when a frame is selected.

Explain how overflow scrolling improves user experience in a dashboard design.

Think about how scrolling helps when space is tight.

Describe the steps to enable vertical overflow scrolling in a Figma frame.

Look in the properties panel on the right side.