Figma Support Forum

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.

4 Likes

Also having this issue with some research participants on Windows. It’s pretty impactful and we’ve had to resort to screen sharing rather than having them click through screens, which is far from ideal.

3 Likes

I also have this same issue, and it’s mostly related to Windows users. It seems that Mac users have better overall Trackpads and scrolling is easier; however that is not a fact but an observation.

I absolutely need a way to let users know that regions are scrollable beyond needing to create clues for each and every instance that something is scrollable. Just because my Mac is set to hide scrollbars until time of need doesn’t mean that prototypes should be the same way.

2 Likes

Would be great if you could have a scrollbar on a scrollable frame that is proportionate to the content that is scrollable. Adding a fake one helps with signifying the interaction, but having that feedback would be fantastic.
It would need to be customizable.

3 Likes

Hello!
When fully functional scrollbars will be available? I haven’t figured how to make them for my site project rather than make fake ones (basically making background element of scrollbar in scrollables and front element in fixed). It always stays pretty big to emulate the right behaviour of getting from start to end of scrollable area. It doesn’t “read” how many images are in the scroll list, like it does for example in yt, when it becoming smaller if the comments section is large. And creating second frame with same content but with an offset to the bottom to create smart animate isn’t really a good move, bcoz you got to be choosing between being able to scroll with the wheel and to stop wherever you want on the page or you’re like dragging between gallery elements which isn’t the desired result anyway.

Well ofc it can be just me not knowing some specific workaround or even feature, but anyway, I will be very appreciated if someone shares a better solution. It’s also strange cuz Figma canvas itself has both vbar and hbar, but you can’t prototype your own? Thanks in advance for any help!

Edit: Maybe (if there’s indeed scrollbars lack/issue and not me lol) the best solution would be an implementation of built-in interactive scrollbars feature, so it would attach to scrollable frames, so you could change it’s size, shape, color, opacity etc. ?

2 Likes

Wouldn’t it be nice (that’s a nice song from Beach Boys :P) to have scrollbars on Figma prototypes when you have a container that is scrollable? And enable disable, change style etc.

Here is the idea.

I would not talk about scrollbar in terms of usability and why it is important especially on inner containers on small devices. I will just paste some thoughts from other ppl talking about this subject…

1 Like