How to FIT-TO-SCREEN and present Figma protoype on all Device dimension

What kind of mobile device? Instead of running through the Figma app, could you try the scaled down URL in browser instead, and take that browser tab full screen to hide the rest of the UI?

Hi,

Thanks for the advice! I am using Samsung Galaxy S21.
I had to uninstall Figma App to be able to open the prototype via Browser on Mobile Device.
I could fit it on screen now, just alot of black space by the sides and not accurately representing how the layout should look like on longer width devices.
But that can work for now!!!

Thank you so much!!!

I have the same question, and your answer doesn’t match my needs which is usability test oriented.

The final users have their own mobile device and I need to make sure the the prototype fills both width AND height. I can find a solution for that.

Someone formulated that issue very well on stackexchange (I did things the same way on my designs):
“I have a frame with a design that uses constraints to scale nicely to different screen widths. When I manually resize the frame, I can see the content align correctly. But when I preview it using Prototype on different devices, it seems to use the frame’s initial size instead of fitting the device screen. So that the frame can be either too wide or too narrow depending on the device. Is there a way to make the frame width fit automatically?”

This is sad. One of the best prototyping tool in the world is still struggling with this simple task. Still, I am better equipped to prototype responsive layouts with HTML/CSS when it comes to filling the screens of thousands different displays.

Developers of Figma need to face reality about devices different ratios and dpis. There is no pixel anymore. Be gone with it. I don’t want it anymore. It’s burden.

Logical resolutions are also the stupidest thing that exists.

Just give us additional viewport units and tools to control the flow of elements on the screen like media queries. You need to mix units to create quality presentation and please also begone with these unusable presets also in pixels. You need to include address bars, bottom bars, operating system UI, usable screen you get in app, or web app, or web page.

And companies change that like Apple changing how full scrfeen works on IOS in Safari, so don’t sleep and do your work and follow the industry.