๐ŸŒ
UX Crush
uxcrush.com โ€บ ios-status-bar-ui-kit-for-figma
iOS status bar UI kit for Figma - UX Crush
June 16, 2022 - Theodore created this free iOS status bar UI kit for Figma. The kit has battery, network and location service icons.
๐ŸŒ
Figma
figma.com โ€บ community โ€บ file โ€บ 831970552583056395 โ€บ ios-status-bar
iOS Status Bar | Figma
Contains status bars for both iPhone with and without notch and iPadsMade into component with lots of different variants. Like call toggle, WiFi, notch and different themes.The components are very easy to customize, clean, clearly labeled, and ready to be copied over to your projects.
Discussions

how to get status bar + phone camera?
Here is an iOS status bar: https://www.figma.com/community/file/831970552583056395 You can simply use this, you don't need to attribute anything. Regarding the camera hole, understand that this is extremely phone specific, not all phones have this, so there is no real need to show this. More on reddit.com
๐ŸŒ r/FigmaDesign
6
1
June 1, 2022
guys how can i copy ios status bar or will i have to make by myself?
Apple has an official account with Figma components available. More on reddit.com
๐ŸŒ r/FigmaDesign
6
0
March 26, 2025
Hiding the iPhone status bar on a mockup when viewing in prototype?
Itโ€™s not. Figma doesnโ€™t know itโ€™s a status bar, itโ€™s just another UI element, so it couldnโ€™t apply any conditional logic. Best way would be to build all screens with autolayout and duplicate the flow to another page and simple hide the status bar element, but you may well be passed that stage. More on reddit.com
๐ŸŒ r/FigmaDesign
8
4
July 28, 2022
When I present in Figma after prototyping, its hiding the information in the status bar due to the iPhone notch. Please help rectify this issue.
Might be a good idea to add an element the same size as the Dynamic Island, so you can lay elements around it? More on reddit.com
๐ŸŒ r/FigmaDesign
8
0
November 13, 2024
๐ŸŒ
Framer
gauravux.framer.ai โ€บ side-proj โ€บ iPhone-status-bar-kit
Gaurav Kumar | Product Designer
I'm truly delighted to witness ... impact of my work. Also got it featured as most relevent community file for keyword "iPhone" and "Status Bar" and become most trending figma file twice...
๐ŸŒ
Pinterest
in.pinterest.com โ€บ explore
Free iOS Status Bar Figma UI Kit
June 24, 2022 - However, with the iPhone 13 series, Apple has changed the dimensions of the notch. This affects the placement of the icons in the iPhone status bar. So, when making mockups, you would need to create two different designs/layouts to accommodate the differences ยท Figma Templates
๐ŸŒ
Bravo Studio
docs.bravostudio.app โ€บ bravo-tags โ€บ components โ€บ status-bar
Status bar | Bravo Studio Help Center
June 11, 2024 - The status bar, typically found at the top of the screen, displays the current time, Wi-Fi signal, cellular network information, battery level, and other status icons. This component manages the display of the device's native status bar.
๐ŸŒ
Figma
figma.com โ€บ community โ€บ file โ€บ 1112679042006759352 โ€บ ios-status-bars
iOS Status Bars | Figma
A status bar is not as simple as you think. In some designs, the status bar is an important place to show the OS status that matches your screen design. In this file, you can find iOS status bar component for iPhones and iPads, all are auto-layout ready to fit in different screen widths. Thanks...
Find elsewhere
๐ŸŒ
Figma
figma.com โ€บ community โ€บ file โ€บ 1060560897585661328 โ€บ status-bar-iphone-13-series
Status Bar โ€ข iPhone 13 Series | Figma
Properly sized and aligned status bars for iPhone 13, iPhone 13 mini, iPhone 13 Pro and iPhone 13 Pro Max. Each component uses nested components to provide the necessary flexibility for your designs. Toggle between the components' properties to achieve more custom results. For feedback or report...
๐ŸŒ
Figma
figma.com โ€บ community โ€บ file โ€บ 1071178715314305157 โ€บ status-bar-navigation-bar-for-iphone-and-android
Status bar/navigation bar for iPhone and Android. | Figma
Explore, install, use, and remix thousands of templates, plugins, and widgets published to the Figma Community by designers and developers.
๐ŸŒ
Material Design
m3.material.io โ€บ components โ€บ navigation-bar โ€บ overview
Navigation bar โ€“ Material Design 3
Navigation bars let people switch between UI views on smaller devices. Theyโ€™re a common navigation component on handheld screens.
๐ŸŒ
Figma
figma.com โ€บ community โ€บ file โ€บ 904065746347450024 โ€บ ios-16-status-bar
iOS 16 Status Bar | Figma
We all use it, why not have a good one! Please suggest new features in the comments! Thank you. UPDATE 1.6 - UPDATED FOR iOS 16 UPDATE 1.5 - UPDATED FOR iOS 15 UPDATE 1.1 - ADDED CAMERA & MIC INSIDE NOTCH UPDATE 1.0 - NOW WITH VARIANTS Customizable time, mode, network, wifi, battery and notc...
๐ŸŒ
Reddit
reddit.com โ€บ r/figmadesign โ€บ how to get status bar + phone camera?
how to get status bar + phone camera? : r/FigmaDesign
June 1, 2022 - I assume your prototype tries to ... having a status bar (which is assumed) so I wouldn't worry to much about it. ... Just take a screen shot on your phone and then over lay the screens on that. Iโ€™m kidding, no one cares, they want to know about the experience, also Figma community ...
๐ŸŒ
Reddit
reddit.com โ€บ r/figmadesign โ€บ guys how can i copy ios status bar or will i have to make by myself?
r/FigmaDesign on Reddit: guys how can i copy ios status bar or will i have to make by myself?
March 26, 2025 - https://www.figma.com/community/file/1248375255495415511/ios-17-and-ipados-17 Continue this thread Continue this thread Continue this thread ยท LegitimateCream1942 โ€ข 9mo ago ยท there is a plugin called 1 click status bar which has ios status bar and home bar ยท
๐ŸŒ
Figma
figma.com โ€บ community โ€บ file โ€บ 1449053094509922083 โ€บ every-iphone-status-bar-indicator
Every iPhone Status Bar & Indicator | Figma
Stop guessing and start designing. This file includes every status bar and home indicator, from the earliest iPhones to the latest models. All in one place, for every design need.
๐ŸŒ
Threads
threads.com โ€บ @floperillat โ€บ post โ€บ C8ZHO9GxORr
Remember to add Safe Area margins to your iPhone frames in Figma! These margins are occupied by the Status Bar and the Home Indicator. Usually, you don't want your app's content to overlap with them, so here's a quick breakdown of their size to help you create code-ready designs in Figma ๐Ÿ‘‡
June 19, 2024 - Remember to add Safe Area margins to your iPhone frames in Figma! These margins are occupied by the Status Bar and the Home Indicator. Usually, you don't want your app's content to overlap with them, so here's a quick breakdown of their size to help you create code-ready designs in Figma ๐Ÿ‘‡