Skip to content
← Adobe XD: Feature Requests (Read-Only)

Request details

Adobe XD: Feature Requests (Read-Only): 08 : Mobile (iOS)

Categories

(thinking…)

Possibility to trim the status bar from the top of your design

If you open a new project and select iPhone 6/7 (375x667 px) and open your prototype from the home screen on your iOS device, you will notice that part of your design will cut at the bottom, because the status bar takes 20px of the top.

The workaround is to manually change your artboard height form 667px to 647px. Then your design will cover 100% of the available height.

In Marvel App there is an option to trim the status bar from the top of your design. Would be good to have this feature in XD.

1 vote

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Ole Fredrik Lie shared this idea  ·   ·  Report…  ·  Admin →
feature-declined  ·  Demian Borba responded  · 

In XD on mobile, when viewing design or prototype, the native status bar is never displayed.

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Whitney commented  ·   ·  Report

    Yes. i have the same issue. The status bar didn't use to appear in my XD prototypes. And now it is cropping my designs. We do a lot of mobile app work, where we purposefully hide the smartphone status bar. So it was nice that XD didn't force you to have it. But that changed a couple of releases ago. Very frustrating. Especially because the templates XD provides do not account for the status bar. So if you use their, ie iphone template, you have to know that when you're done, it will have the status bar cropping your screens. But you don't know that until AFTER you've made the prototype. Either make the templates with the Status bar in it, or at least accounting for it in the available screen area.
    Ideally, please let us hide the status bar and use the full screen of the template!
    Just having a checkmark box option to show/hide the smartphone status bar in the prototype would be great!

  • Ole Fredrik Lie commented  ·   ·  Report

    Actually that's wrong.

    Here is the steps to reproduce the issue:

    1. Open this link on an iPhone: bit.ly/xd-ios-test
    2. In mobile safari, tap the arrow up icon in the bottom toolbar, and choose "Add to Home Screen"
    3. When the app is added to your home screen, open it and verify that the native status bar is displayed.

    Here is a screengrab:
    https://www.dropbox.com/s/ajqawuzenkvzshc/IMG_7506.PNG?dl=0