Skip to main content

Add "My design starts below the status bar" setting

Marija

Is there a setting somewhere in Figma, where I can set the prototype up so that there is some extra space on the top of my designs for a phone status bar? Without me manually always putting a fake status bar on all my designs?

I’m basically looking for an equivalent to InVision’s lovely prototyping setting called “My design starts below the status bar”

Screenshot 2021-04-16 at 17.39.55

I’m interested in setting this up for both, when I’m previewing my prototype:

  1. on my device in the Figma Mirror app; or
  2. in the ‘Present’ mode in the web browser or Figma desktop app - when I place the prototype into a device.

Basically, I want to avoid this situation on iPhones 11, 12 etc:

Screenshot 2021-04-16 at 17.49.08

And have an option to automatically set the prototype in either of the two ways below, without me manually moving the designs lower, or putting fake status bars in my designs:

Screenshot 2021-04-16 at 17.49.49

Screenshot 2021-04-16 at 17.50.29

Any info much appreciated!

This topic has been closed for comments

Gleb
  • Gleb
  • Power Member
  • April 17, 2021

There is no option like this.

Thiago_Vieira

Come on, when using Figma prototypes in other platforms such as UserZoom or Maze you should be able to set this because each platform for usability test purpose behaves differently.
So PLEASE make this happen, otherwise the prototype will always look differently when testing and when grooming with engineers.

UX-Niels
Diana_Mas
Miguel_Cabral_Guerra
3 people like this
  • UX-Niels
    UX-Niels
  • Diana_Mas
    Diana_Mas
  • Miguel_Cabral_Guerra
    Miguel_Cabral_Guerra
pablo_r

Hey Figma, did you plan to add this in the future?? will be great to see in future updates.

Zach1
  • Zach1
  • July 23, 2021

Does anyone have any tips or tricks on how they avoid this issue? (I.e. any standard dimensions that someone knows of, or a trick they use to put a buffer zone between the status bar and top of the page.)

Sarah_Saccomanno
1 person likes this
  • Sarah_Saccomanno
    Sarah_Saccomanno
Steven_Hines

I wish Figma supported this natively even in the Figma beta this doesn’t work. But when you watch the config demo it appears to start the design below that status bar. 😭

Marija
1 person likes this
  • Marija
    Marija
A
  • Anonymous
  • October 11, 2021

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

Terms & ConditionsCookie settings

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