Skip to main content
Solved

Prototype frames won't scale to fill full screen


I designed a prototype with “Android Small” as the base, and wanted to see how it would scale up to “MacBook Air”. However, the prototype shows the app small and in the corner.

I don’t want to get rid of the MacBook frame, to be clear. I want the root frame to resize to the chosen device canvas size.

Best answer by Haroll

Sorry i was not clear enough

This is not possible, Figma cannot do that. If you absolutely need this feature I’d recommend to use some other tools (like Framer for example). In the meantime you can upvote this feature request so maybe some day it will be available in Figma

View original
This topic has been closed for comments

6 replies

Haroll
  • Active Member
  • 273 replies
  • August 8, 2023

Hi @Haruki_Wakamatsu

Figma do not scall up your design for you. If you want to see the result of your design in both responsive and desktop view you will have to create those views.
Maybe some plugins could help with breakpoint and such but I do not know them.


The problem here is not that the design isn’t responsive (has multiple layouts in response to window size), but that it simply isn’t scaling the root view to match the window size.


Michael_Persson

It is hard to tell without seeing the structure. I am assuming you are using an autolayout wrapper with a fixed height and width to determine the viewport, with an inner content element set to fill?


The steps are:

  1. I added a frame.
  2. I added Auto Layout to that frame.
  3. I added some children.

Haroll
  • Active Member
  • 273 replies
  • Answer
  • August 9, 2023

Sorry i was not clear enough

This is not possible, Figma cannot do that. If you absolutely need this feature I’d recommend to use some other tools (like Framer for example). In the meantime you can upvote this feature request so maybe some day it will be available in Figma


  • 0 replies
  • August 12, 2023

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings