Spectrum is now read-only. Learn more about the decision in our official announcement.


Figma is the first collaborative UI design tool built in the browser. Join our growing community and kick off a conversation!


Center prototype horizontally when viewing 100% size

December 4, 2019 at 2:53pm
The Figma community has a new home. This thread is preserved for historical purposes. The content of this conversation may be innaccurrate or out of date. Go to new community home →

Center prototype horizontally when viewing 100% size

December 4, 2019 at 2:53pm
This feature would simulate more precisely the viewing experience for desktop navigation

December 4, 2019 at 4:35pm
You can always use the "Width - Scale down to fit width" view option instead of the 100% size when presenting the prototype

January 16, 2020 at 2:46pm
I was looking for this as well for desktop prototyping. The issue with scaling it down is that it doesn't represent the correct size. If the prototype is centered (not scaled) then it could be designed much wider and have the content in the center so if someone views on a larger screen they see the nav bar extending to the edge on either side.

January 17, 2020 at 2:51am
Can't you set a centre layout grid on the main desktop frame to achieve this?

January 17, 2020 at 1:52pm
I don't see how this works when viewing the prototype. It left aligns and requires horizontal scroll. I've attached a screenshot of the prototype's default view in a browser.

January 14, 2021 at 7:24pm
I can't believe this isn't a feature yet - InVision has this about 5 years ago!
As a designer we have no idea what resolution our clients will be viewing the prototype in, so why can we have the image centre aligned with the overflow being hidden?