Skip to main content
Emmy
October 5, 2023
Solved

Frames are not showing full width on prototype

  • October 5, 2023
  • 19 replies
  • 13102 views

img 1: shows the frame at full width

img2: shows the prototype but not the full width of frame


This topic has been closed for replies.
Best answer by Nate_G

@Emmy On the prototype options panel, try setting it to “Fit width” to see if that helps. But that will not make your design fill your browser screen until you start scaling down your browser width to be the same or less than your design’s frame width in Figma.

19 replies

Nate_G
Nate_GAnswer
Power Member
October 5, 2023

@Emmy On the prototype options panel, try setting it to “Fit width” to see if that helps. But that will not make your design fill your browser screen until you start scaling down your browser width to be the same or less than your design’s frame width in Figma.

Nate G
October 6, 2023

Hello, I have the same problem; however, it’s the opposite. I created a visual, and when I export it to HTML for my developer colleague, it doesn’t fit 100%. He has a scroll bar that appears. We made sure that his browser is smaller than my design’s frame.

Also @Nate_G I can’t find “options > fit width” as you screen

Thank you in advance for your help.
Snipaste_2023-10-06_09-38-31

Nate_G
Power Member
October 6, 2023

The prototype Options panel is available when you are in “Present” mode.

Nate G
October 12, 2023

Thank you for the indication. However I don’t have the same option than you. What can I do ?

Nate_G
Power Member
October 13, 2023

Click on the Options dropdown to get access to your prototype view settings, and set it to “fit width” to see if that helps.

Nate G
October 16, 2023

Sorry I sent the wrong screenshot. As you can see, I don’t have the “fit width” option
Snipaste_2023-10-16_09-08-41

Nate_G
Power Member
October 16, 2023

@ev_tvt Ah ok, correct you can’t get access to that option if you are displaying your prototype on a device, but if you set your device to “None” then the “Fit width” option will appear during prototype mode. But not sure this will fix your original issue.

Nate G
November 7, 2023

Hello, it worked, thank you !

Bright_Baiden
February 8, 2024

I am having the same problem, I have tried fit width and everything I have come across but anytime I go to preview mode or present, it does not fill the entire screen. I have tried everything

y_toku
Figmate
Community Support
February 9, 2024

Hi there,

Thanks for the post. Could you double check the scale section in this article? If it doesn’t solve the issue, would you be able to share the screenshots you’re seeing?

Thanks,
Toku