> For the complete documentation index, see [llms.txt](https://learn.mondayhero.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/convert-status-bar-design-to-ios-android-code.md).

# Convert to Status Bar

Status Bar design in Adobe XD/Sketch should be removed, projects should use a system-provided status bar.

## Status Bar design in Adobe XD/Sketch can be removed before exporting the code.

When you have a Status Bar in the design, you can convert it to a Status Bar component to prevent its generation in your code. Mobile users expect the status bar to be consistent systemwide so you should use a system-provided status bar. You can do your edits/configuration after you export your project.

![The Status Bar shouldn't be in the design.](https://2355570332-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MGsXmoEr6fQRBjxagGX%2F-MGxAhu2fVs1u9jQEszc%2FArtboard.png?alt=media\&token=9c398467-871f-4fab-aad0-eddaa238de65)

### Resources for iOS and Android Developers

{% hint style="info" %}
 You can see the recommended use of StatusBar for Swift in **developer.apple.com** [here](https://developer.apple.com/design/human-interface-guidelines/ios/bars/status-bars/) and for Android, **developer.android.com** [here](https://developer.android.com/training/system-ui).
{% endhint %}