---
title: "Designing Prototypes for iPhone"
canonical: "https://help.uxarmy.com/space/UT/89948161/Designing%20Prototypes%20for%20iPhone"
format: markdown
---
When designing applications for iPhone (iOS System), there are some constraints that designers and developers may need to be aware of on the Apple products screen size.

> ℹ️ iPhone keeps a safe area on any screens/UIs due to its system display (See the image below)


![image-20240614-073340.png](media://75cd400f-2e4a-46a0-b949-3a5949a59167)


You may observe that if your design prototype doesn’t take the iPhone Safe Area (the top area on iPhone to accommodate for the Notch) constraint related to the iPhone, the prototype shall be cut from the bottom of the iPhone screen. **Apple does not allow removing the safe area (top and bottom) in Recordings.**

To avoid this constraint, your prototype design must take into account 58 pixels (<u>[Check Apple documentation for the latest guideline](https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/)</u>) from the top to be used as a Safe Area. 

As far as your prototype is built keeping the Safe Area in mind, it will display correctly on iPhone.