Figma
figma.com › community › file › 1094218896031441770 › android-status-bar
Android Status Bar | Figma
Use the New Modern Android Status bar to improve the look of your user interface.
Videos
Add "My design starts below the status bar" setting
Is there a setting somewhere in Figma, where I can set the prototype up so that there is some extra space on the top of my designs for a phone status bar? Without me manually always putting a fake status bar on all my designs? I’m basically looking for an equivalent to InVision’s lovely ... More on forum.figma.com
android - How to position the status bar partially covered by the sidebar in a React application? - Stack Overflow
I’m working on a React application and trying to achieve the following: The sidebar takes up approximately 80% of the screen width. The remaining 20% of the screen, not covered by the sidebar, sh... More on stackoverflow.com
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
Android status bar height
I would just stick with 24. It doesn’t matter too much since that’s not something the developer needs to specify anyway. More on reddit.com
Figma
figma.com › community › file › 809865700885504168
Material You & Android 13 | Figma Community
August 31, 2023 - The biggest Material You UI Kit Create designs using more than 1000 components, built to perfectly replicate the real-world, official Material Design Components library for Android. ✨ Android 15 is here! This kit provides hundreds of components to recreate the system UI for more accurate ...
Figma
figma.com › community › file › 831970552583056395
iOS Status Bar | Figma Community
May 12, 2022 - 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.
Figma
figma.com › community › file › 837799145528214755
Status Bar Iphone | Figma Community
August 14, 2021 - This file includes the following elements for the iPhone 16 series, iPhone 15 series, iPhone 14 series, and iPhone 13 series: Camera Control Status Bar Dynamic Island Home Bar Mockups Wallpapers Artboard and Grid This comprehensive file is designed to meet your UI and design needs for these iPh...
Figma
forum.figma.com › t › add-my-design-starts-below-the-status-bar-setting › 2539
Add "My design starts below the status bar" setting
December 31, 2020 - And have an option to automatically set the prototype in either of the two ways below, without me manually moving the designs lower, or putting fake status bars in my designs: Any info much appreciated! ... There is no option like this. Come on, when using Figma prototypes in other platforms such as UserZoom or Maze you should be able to set this because each platform for usability test purpose behaves differently.
Ui-kit
ui-kit.co
Figma Material Design UI Kit
Figma Material Design 2 UI Kit helps you quickly design android apps and (high fidelity) prototypes with hundreds of responsive components & widgets.
Stack Overflow
stackoverflow.com › questions › 79593491 › how-to-position-the-status-bar-partially-covered-by-the-sidebar-in-a-react-appli
android - How to position the status bar partially covered by the sidebar in a React application? - Stack Overflow
The sidebar is not full width, so I want to ensure the status bar is visible in the area that is not covered by the sidebar. How can I achieve this with the current implementation? Any guidance or suggestions would be greatly appreciated! Figma design: Emulator: android ·
LinkedIn
linkedin.com › posts › keyur-vadhadia_mobileuidesign-statusbar-iosdesign-activity-7329159951539507200-PGlw
iOS and Android status bar dimensions for mobile design
We cannot provide a description for this page right now