Skip to main content
Solved

Constraints ignored when viewing prototypes on mobile browsers

  • October 15, 2025
  • 1 reply
  • 371 views
Teo_Vinagre1

Hey everyone,

I’m having an issue where frames nested inside a parent frame don’t respect their constraints when viewing a prototype on a mobile browser (tested on both iOS Safari and Android Chrome).

In the Figma editor everything works perfectly, inner frames resize as expected when the parent frame changes size. But when I share the prototype link and open it on a phone:

  • Child frames inside a parent frame don’t follow their top/bottom/left/right constraints.

It seems like the mobile prototype viewer scales the parent frame as a flat image instead of actually resizing it, so the nested constraints never recalculate. The layout looks fine in the desktop viewer and the Mirror app, the issue only appears in mobile browsers.

Here’s what I’ve already tried:

  • Setting the parent frame to the exact device size (e.g., 390×844 for iPhone 13)

  • Using Auto layout + “Fill container” instead of fixed widths

  • Disabling the “Show device frame” option

  • Testing both “Fit width” and “Fit to screen” scaling modes, and Responsive Mode

No luck so far, constraints on nested frames still get ignored.

Question:
Has anyone found a reliable workaround for keeping nested frame constraints working correctly in prototypes viewed on mobile browsers?
Is this a known limitation or a bug in Figma’s mobile prototype renderer?

Any insight would be appreciated. I’d love to understand if there’s a proper setup or best practice to make constraints work consistently on mobile.

(Environment: Figma desktop; tested prototype on iOS Safari 18.0, Chrome 129, Android Chrome 129)

Best answer by Celine_

Hi there, thanks for reporting this issue!

I can see on my end that you’ve already reached out to our Support team, and they were able to find a fix.

Sharing the solution here for visibility, in case anyone else runs into a similar issue:

Please try setting the prototype viewer's dimensions to "Responsive".You can find this option under the Settings menu (top-right corner) when viewing your prototype.
Applying this setting will add a parameter to the URL so that when you view on other devices, the height and width of each frame will fit to the specific device you're using. More information can be found in the guide below: Play your prototypes
 
?name=Screenshot+2025-10-15+at+4.01.52%E2%80%AFPM.png
 We tested this solution, and it restores expected constraint behavior for nested frames.

As your case has been resolved, I’ve gone ahead and marked it as ‘Best Answer’ and closed the topic here. Thank you!

This topic has been closed for replies.

1 reply

Celine_
Figmate
  • Celine_
  • Community Support
  • Answer
  • October 22, 2025

Hi there, thanks for reporting this issue!

I can see on my end that you’ve already reached out to our Support team, and they were able to find a fix.

Sharing the solution here for visibility, in case anyone else runs into a similar issue:

Please try setting the prototype viewer's dimensions to "Responsive".You can find this option under the Settings menu (top-right corner) when viewing your prototype.
Applying this setting will add a parameter to the URL so that when you view on other devices, the height and width of each frame will fit to the specific device you're using. More information can be found in the guide below: Play your prototypes
 
?name=Screenshot+2025-10-15+at+4.01.52%E2%80%AFPM.png
 We tested this solution, and it restores expected constraint behavior for nested frames.

As your case has been resolved, I’ve gone ahead and marked it as ‘Best Answer’ and closed the topic here. Thank you!

Terms & ConditionsAccessibility statement