Skip to main content
Roberto
Roberto
Apr 16, 2021 8:13 AM UTC

Display scroll bar in prototype preview mode

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.

    124 replies

    Show previous replies
    FKR
    Aug 11, 2023 12:35 PM UTC

    +1 also from me

    Bartosz_Zapalowski
    Aug 18, 2023 7:17 AM UTC

    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;
      }
      `);
      Justin_Roberts2
      Nov 13, 2023 10:24 PM UTC

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

        djv
        Figmate
        djv
        Community Support
        Nov 13, 2023 11:53 PM UTC

        Hey All, thanks for your feedback!

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

          Jay_Brady
          Jay_Brady
          Nov 21, 2023 2:29 PM UTC

          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
          David5
          Jan 15, 2024 5:29 PM UTC

          Oh this is an old topic 😲 +1

            Radek_Drwecki
            Radek_Drwecki
            New Member
            Jan 22, 2024 10:12 PM UTC

            We really need this

            Thomas_Klepl
            Thomas_Klepl
            New Participant
            Jan 23, 2024 4:02 PM UTC

            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.

            efiohw
            Active Member
            Jan 24, 2024 1:33 PM UTC

            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?

            Bartosz_Zapalowski
            Jan 24, 2024 2:44 PM UTC

            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

            Show more replies
            Terms & ConditionsAccessibility statement