Skip to main content
Solved

Prototype not displaying to size in present mode

  • February 24, 2023
  • 5 replies
  • 3744 views

Hello. First, I have to preface this question that I’ve very, very new to Figma. I’m a student and I’ve only been learning/using Figma for the past 2 months since the beginning of the semester. So I please ask for understanding, forgiveness, and support, especially not knowing what to do.

For my school project, I’m designing a website at 1440px wide. When I go to present my prototype, let’s say for a Macbook Air, my prototype is not displaying correctly to size. Also, the video that I’ve included as a hero image is not scaling (it looks fine in Design mode but truncates in Present mode).

I understand that this is a responsiveness/autolayout/scaling issue, but I’m not sure how to fix my prototype to be responsive and scalable, especially in different presentation formats (i.e. Macbook, Surface Pro, etc.).

I’m aware of and I’ve completed a tutorial on autolayout, but I still am unable to fix the issue.

Do prototypes scale and are they responsive in present mode, no matter what you choose? Or do you have to design for each breakpoint/screen?

I’ve attached screenshots of the issue.

Thank you for your time and take care.

Best answer by tank666

View original
This topic has been closed for comments

5 replies

tank666
  • 4868 replies
  • Answer
  • February 24, 2023

  • Author
  • 2 replies
  • February 24, 2023

Thank you so much for your response. It was very helpful and the article was helpful as well.

I just have an additional question: is there a way to make my one design not static so that it can fill appropriately each viewpoint in the presentation mode? Or do I have to duplicate my design into different sizes/viewpoints (i.e. MacBook, iPad, Surface Pro., etc.)?

Thank you again.


tank666
  • 4868 replies
  • February 24, 2023

To date, nothing has changed. It is not possible to demonstrate responsive design in Presentation mode. All you can do is create a flow for each breakpoint on one page of the file, or create a page for each breakpoint in the file.

Please note that if you choose the first method, you will only be able to specify one device for all flows.


  • Author
  • 2 replies
  • February 24, 2023

Ok, thank you so much for your reply!


  • 0 replies
  • March 26, 2023

This topic was automatically closed after 30 days. 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