Actual size designs for web viewer
Jess Xuan
Hi, I've tried to submit this request before but been told it's already been 'completed'. I don't think it was understood so I've attached new images for reference.
Request: I would like the web prototype to be shown in true size. Currently, if the device size doesnt' match the actual prototype size, the prototype is scaled to fit the size (shown by the black letterboxing in the design which shouldn't be there). This does not change if I select 'Original size'.
This is really problematic because it means it's impossible to test actual-size designs in any browser and on different device sizes, both of which are crucial for user testing.
I've attached a figma reference of how they handle the same design, which is how I would expect Protopie to work, and am surprised it doesn't work this way already. Figma does not scale down the prototype, it shows the design at true size - the box is actually 300px across on the screen, whereas it's smaller than 300px on protopie.
For reference:
- Device/frame in design is 390px x 844px
- My phone is 390px x 844px
Ira X
Hey — You're correct, and this used to be implemented differently but also wasn't ideal then either. The prototype's height previously matched the viewport within the browser (although not the right way to display a page), with a resultant width. It now no longer does this, and seems to be fixed-width (or %) with a resultant/natural height. So they made it better and worse at the same time.
One thing though, it's not really a matter of the prototype size matching the device size, as the space within the browser's viewport matters. So like an iPhone 14 (390x844) with Safari, would be 390x655 in the viewport (before scrolling collapses the tab bar). But either way, if the prototype is or isn't the same size as the device, the way it displays in the browser is still the same :(
But yes, Figma does do it correctly; match the width and let it scroll.
There's also the ProtoPie Player app which doesn't have this problem; if you think downloading an app is not too much of a barrier for testing.