Skip to main content
Roberto
April 16, 2021

Display scroll bar in prototype preview mode

  • April 16, 2021
  • 123 replies
  • 28287 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

Roberto
RobertoAuthor
December 21, 2021

I bet Figma have have long backlog but do people at Figma think that the value of this problem is so small that they can just skip it? It’s originally reported over 3 years ago so it seems that they think so. Every now and then users come and complains about lacking this feature. It’s not the most complex feature to add but it affects quite a bit to the tests as you can see. The problem is persistent and it’s going to bias user tests until you fix it.

@nikolasklein @Keeyen @Jenny_Wen @Oscar_Nilsson @shanahu @Rogie_King

Karriem_Adams
December 30, 2021

same issue

Liv_Ang
January 5, 2022

I would def love to see something like this!

I’ve created fixed scrollbars but when I scroll it’s just static, not moving ofc 🙈

Roman_Perona
January 17, 2022

Same issue reported today by one of our researchers. The participant was using a track pad and was unable to scroll down. Having a scroll bar in the prototype mode is extremely important.

Steven7
January 26, 2022

Yep, this is a massive usability issue. Can you (Figma) not just add a “Show scroll bar” option when selecting a scroll direction? I get that if designing for mobile and apps you don’t want to have a naff scroll bar ruining your horizontal scroll (Netflix) experience but not everyone using Figma is designing apps.

Please make this simple functionality a priority and champion usability.

Navid_Najm
January 27, 2022

I design so many pages and frames which include huge content and need scrolling. When I turn on scrolling for a frame Figma does not offer a real-time scroll bar so I can see on the prototype how long the page scrolls. There should be a feature to connect the content within a scrolling frame to a real-time scroll bar so I can use the scroll bar as well as the mouse scroll wheel.
A solution to this could be using interactive components to create my own interactive scroll bar but the problem is that it’s not connected to the content so I need to create several pages and use Drag interaction to fake the scroll bar.

Does anyone else have this experience?

Hannes_Ledoux
January 31, 2022

The problem
When creating prototypes for designs containing scrollable areas, we want to make sure it’s clear to our user testers or developers which areas (frames) are scrollable areas. When using “present mode”, it’s not clear which areas are scrollable since they do not display a scrollbar.

The solution
Show a scrollbar when a frame is set as scrollable in the present mode. (Just use the default OS/browser scrollbar?)

I browsed through the forum and community plugins, but as far as I know there is no easy workaround for this.

Frame 5

Additional prototype setting?
I get that this might not be wanted behaviour for Mobile app prototypes, but maybe this could be a setting in the prototype options?
Group 1

AnneK
January 31, 2022

Great suggestion! For me, it would have to be optional / configurable, since I don’t want a scrollbar in my mobile app prototypes, but it would be great for desktop stuff.

Tyler_Tran
February 3, 2022

+1000

Until this is resolved it will be extremely difficult for us to consistently use Figma as a prototyping tool, meaning we will have to import our designs into something like Axure and do all of our interaction design there.

jagi
February 8, 2022

I find XD so much easier than Figma and it already has anchoring within the page - shows scroll bar - unfortunately, our team decided to move to Figma. It’s a mess. I would have expected it from Figma…For the sake of Figma get the scroll bar in.