Skip to main content

My company launches a lot of user tests on a weekly basis and we are running into a lot of problems with scaling. If a user tester has a 4k screen, and our designs are in 1440, the user tester will see massive black bars on each side of their screen. We normally use “fit-width” to have the design stretch according to the user’s screen but it does not seem to work. When we create our prototypes in Axure, we do not have this issue as the Axure scaling will properly make the design fit the user’s screen. In the screenshot below, the design was 1440 and it also had the correct height on the artboard/frame to ensure that scaling would work. The end result was massive black bars when using a 4k screen. Is there a way to resolve this issue, or does Figma scaling not actually scale anything beyond the actual width of the design?

 

 

Hi @Fidel_Carrera, thanks for reaching out about this.

 

Just to clarify, the "Fit width" feature scales the prototype so its width fits within the viewer's screen dimensions. However, as you seem to have already figured out, if the viewer's screen is larger than the frame's dimensions, the prototype won't expand beyond the frame's width.

For example, if you have a frame set to 1440 wide and your screen (or viewport) is larger than that, the prototype will scale until it reaches the full width of the 1440 frame when using "Fit width."

 

You might also try other options, like "Responsive" or "Fill screen," to see if they better meet your needs. You can find more details here: Play your prototypes

 

Hope that helps! Thanks again for reaching out.


When working with long pages in Figma prototypes, none of the scaling options provide a full-width view. And when the user manually zooms in to the desired width, scrolling no longer works. Will there be a solution for this?


The ‘Fit Width’ option does not work. If a user manually zooms to fit, the scrolling gesture is disabled. Please @Figma fix this asap.

 


Reply