Skip to main content

Designs don't scale down to phone shell width in Prototype Presentation mode (but do in Preview mode)

  • February 4, 2026
  • 1 reply
  • 49 views
Martin_Hardee

!--scriptorstartfragment-->

When using Preview Mode in Figma, the artboard scales proportionally to the selected phone mockup (in my test cae iPhone X, 375 wide), enabling seamless demoing even on a wider design (in this case, 640):

 

Sizes down to the Preview window

However, in Present Mode, the artboard does not scale down and appears wider than the phone mockup, creating inconsistencies in scaling and reducing the effectiveness of presentations (if the original frame size is wider than the 375, you have to scroll horizontally to see the best of the design.)

 

Only the left part of the image is shown.
To see the rest I have to unnaturally drag left.

There should be an option in Present Mode that is “scale to fit width.”

(Yes, we thought about just telling reviewers to invoke Preview mode, but that doesn’t really work because many reviewers don’t know Figma, so a direct link to Present Mode is the best.

I have heard this might be on a roadmap to fix, but haven’t heard anything lately.

!--scriptorendfragment-->

This is possibly related to this post: 

 

    1 reply

    Martin_Hardee
    • Martin_Hardee
    • Author
    • Active Member
    • February 5, 2026

    Here are some examples with a sample app screen, to make things clearer:

    When viewed in Preview mode, the app scales appropriate to iPhone X size (375 px wide) even though the original is at 640 wide. Perfect.
    When the same prototype is viewed in an iPhone X shell in Present mode, it fails to scale down. There is no setting that makes it fit to the phone (that I could find). You can fit sizes other ways, but seemingly not if it’s in a phone shell. 
    To see the rest of the phone, you have to scroll horizontally. Not great for demo purposes.

    FYI for downstream production reasons, we have to do our phone designs at 640w and 768w. Currently we have a workaround where we put these wider designs into a local components and then scale down instances of those components on a “presentation” page. This is extra production work every time.

    Terms & ConditionsCookie settingsAccessibility statement