iOS status bar UI kit for Figma

iOS status bar UI kit for Figma

Today’s new freebie was made by Theodore Tsai.

The iPhone Notch has been present ever since the iPhone X came out. 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 in the phones.

Theodore created this free iOS status bar UI kit for Figma. The kit has battery, network and location service icons. Using these, you can easily create mockups for the different iPhone models.

In this file, you will find iOS status bar components for iPhones and iPads. All of them are auto-layout ready to fit in different screen widths.

An amazing free resource!



You may also like