Prototyping with a fixed iOS status bar

Hi there,

Thanks for reaching out. I think you hope to fix the status bar position even when other frames move. If that is the case, you can fix the specific frame by following this article. This article has a video tutorial about how to fix the frame, so I hope it helps! I also attached a sample screenshot of the property from my Figma file.

Am I understanding the issue you are describing correctly? Please let me know if I’m missing any additional points. I want to make sure I am fully addressing your questions.

Thanks,
Toku

Thanks for the reply, but my question is a bit different.

Your info is great for fixing the status bar on screen. But…

When you transition from screen A to screen B, unless you use an instant transition, in Figma it will always look to the user like the iOS status bar at the top is sliding up over the old one, where in reality what I want is that the status bar never changes on transition. I attached a video of what that looks like in iOS. (See how the red bar stays in place even as you navigate to another screen).

The only method I have found is to use partial overlays for all the screens in the prototype, which is one way but makes it a pain to manage easily.

The only other method is to use Smart animate so the item stays in place. But then the tradeoff is that you can’t use any pre-built transitions.

Checking “Animate matching layers” was the thing I was looking for. Thanks so much!

Hello. I too was looking for this answer. But when I check “animate matcing layers” the screen that slides in becomes transparent! Why? It looks fine when this is not checked but the status bar moves with the screen. When I check this the status bar stays but then the screen sliding in becomes transparent. What am I missing?!

https://streamable.com/lg7ozw