Skip to main content
Peter_Uithoven
Oct 1, 2024 9:10 AM UTC
Question

Responsive prototype scrolls when less than initial size even when set to no scrolling?

When viewing a prototype in responsive mode it enables scroll when the viewport height is less than the designed height. Even when it’s set to No scrolling, there is no min width or height etc.

I want the prototype to be responsive, have it adapt to the size of the viewport of the user, whether the viewport is bigger or smaller. When I need a min size I can always define a min width/height.

Making the initial frames of prototypes much smaller than what’s common is cumbersome because it’s makes it harder to work with the page. You’d always be looking / working with what’s an edge case.


It can lead to weird issues, where once you’ve scrolled through a child element it will scroll the whole page:

Example file:

Figma – 1 Oct 24

Is there a workaround?

This topic has been closed for replies.

8 replies

Luke-Itineris
Active Member
Oct 1, 2024 9:29 AM UTC

Not sure what you are trying to achieve, or what your question is here?

Peter_Uithoven
Oct 1, 2024 9:31 AM UTC

I’ll try to clarify my original post. But I don’t want the prototype to scroll, I want it to be responsive. Take up more or less space, depending on the viewport of the user.

Peter_Uithoven
Oct 1, 2024 12:02 PM UTC

Still seems to scroll? What did you change?

Luke-Itineris
Active Member
Oct 1, 2024 12:11 PM UTC

yes, it seems to scroll when the viewport is smaller than the frame.

why do you want a viewport that small for?

Peter_Uithoven
Oct 1, 2024 1:47 PM UTC

Ah that’s just an example. Our actual designs are 832 high, but some of our users have smaller viewports during our user tests.

Mattan_Ingram
New Member
Feb 4, 2025 8:12 PM UTC

I have this exact same issue. The top level frame doesn’t get smaller than its initial dimensions when set to Responsive mode. Means its broken for anyone testing on device or window smaller than original design. Should only do that if a min height/width is set on the frame.

Vako_Shvili
New Member
Feb 20, 2025 11:28 AM UTC

​@Mattan_Ingram A solution from this thread seems to work. Changing scroll behavior on the top level frame to vertical instead of default no scrolling.

(Although, for me it ends up ignoring the spacing on the bottom of the frame and clipping the design to the last layer on the frame. I’m forced to add some invisible layer for to get that extra spacing on the bottom.)