Can Overlays Scroll in Figma?

1. Home
2. Can Overlays Scroll in Figma?

The short answer is yes, overlays can scroll in Figma. However, the long answer is a bit more complicated.

If you're not familiar with the term, an overlay is a semi-transparent layer that sits on top of another layer. Overlays are commonly used to add visual interest to a design, or to direct a user's attention to a particular area of the screen.

One common use for overlays is to create a "lightbox" effect, where clicking on an image opens up a larger version of that image in an overlay. The lightbox overlay would ideally be scrollable, so that the user can scroll through the image if it is too large to fit on the screen.

However, in Figma, there is no built-in way to make an overlay scrollable. This means that if you have an image that is too large to fit in the overlay, the user will not be able to see the entire image.

There are a few workarounds that you can use to make an overlay scrollable in Figma. One option is to use a plugin like Scrollable Overlays.This plugin allows you to add a scrollbar to any frame, making it easy to create a scrollable overlay.

Another option is to create your own custom scrollbar using Figma's design elements. This approach requires more design work, but it gives you more control over the look and feel of your scrollbar.

Finally, you can also use Figma's built-in scrolling features to create a scrollable overlay. To do this, you'll need to create two separate frames: one for the content of your overlay, and one for the overlay itself. Then, you can use Figma's "scroll" setting to make the frame containing your content scrollable.

Can Overlays Scroll in Figma?

The answer is yes but with some workaround methods as stated above.

.