Skip to main content
Roberto
April 16, 2021

Display scroll bar in prototype preview mode

  • April 16, 2021
  • 123 replies
  • 28288 views

There’s no visible scrollbar in Figma prototyping mode. Yesterday we’re having user testings and once again this same topic popped out. Some of the users didn’t thought that they could scroll prototype because scrollbar wasn’t visible. One of the user was using laptop’s touchpad and he wasn’t able to scroll with only using touchpad. Guiding user how to use prototype during test can harm testing situations. Atleast it’s sure that if user thought that he can’t scroll it leads to biased feedback about product.

If there’s some reason not to have scrollbar it could be atleast optional feature that designer could turn visible scrollbar on from options.

It’s not only who has came across with this weakness in Figma. Here’s old Spectrum thread about same topic but Figma hasn’t done anything for this yet and I hope this get more attention here.

123 replies

August 11, 2023

+1 also from me

August 18, 2023

I am web developer and whenever I am given design in Figma I struggle to know what’s scrollable… even in Figma UI. I constantly ask the designer where is the page because it’s not on the list… just to be told that I need to scroll the element that does not seem to be scrollable in the first place!

What struck me is that Figma did actual work, spent actual designer and developer time to introduce an antipattern of hiding scrollbars.

I created a tampermonkey script to reintroduce the scrollbars - and now it’s clear what is scrollable and what is not.

You need to create a new tampermonkey script with GM_addStyle grant and then use the following:
GM_addStyle(`

  • {
    scrollbar-color: auto !important;
    scrollbar-width: auto !important;
    }
    `);
November 13, 2023

Prototyping tool without scrollbars = fail. Considering going back to Axure.

djv
Figmate
Community Support
November 13, 2023

Hey All, thanks for your feedback!

We’ll pass this onto our prototyping team for consideration.

Jay_Brady
November 21, 2023

Agree to this feature request. When prototyping for desktop devices, the scrollbar is not only a visible indicator that there is additional content available, but also indicates the relative amount of new content that is hidden. Interacting and gathering feedback on this content is important to many of our usability labs. It should be relatively simple to implement: just include a checkbox to optionally include the scrollbar for overflow, scrollable content.

David5
January 15, 2024

Oh this is an old topic 😲 +1

Radek_Drwecki
New Member
January 22, 2024

We really need this

Thomas_Klepl
New Participant
January 23, 2024

Wow this issue has been open for 3 years.
I’m fairly new to Figma but ran into this today when building a scrolling frame. There is no indication that the frame is scrolling or scrollable, so yeah. Scrollbars. We need them.

Active Member
January 24, 2024

Thank you, but this script did not work, are you sure, this is the correct syntax? Could you also append a screenshot of how it will look like?

January 24, 2024

Yes, it works. It simply displays the scrollbar that would be visible if Figma didn’t hide it. It looks exactly like any other scrollbar in your browser.

I was going to put the full script here, but this forum thinks I’m mentioning someone and blocked it.

image