{"id":5678,"date":"2022-06-16T10:47:39","date_gmt":"2022-06-16T10:47:39","guid":{"rendered":"https:\/\/www.uxcrush.com\/?p=5678"},"modified":"2022-06-16T10:48:55","modified_gmt":"2022-06-16T10:48:55","slug":"ios-status-bar-ui-kit-for-figma","status":"publish","type":"post","link":"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/","title":{"rendered":"iOS status bar UI kit for Figma"},"content":{"rendered":"<p>Today\u2019s new freebie was made by <a href=\"https:\/\/www.figma.com\/@theodoretsai\" target=\"_blank\" rel=\"noopener noreferrer\">Theodore Tsai<\/a>.<\/p>\n<p>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.<\/p>\n<p>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.<\/p>\n<p><!--more--><\/p>\n<p>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.<\/p>\n<p>An amazing free resource!<\/p>\n<p>&nbsp;<\/p>\n<p><a class=\"button\" style=\"background-color: #00d081;\" href=\"https:\/\/www.figma.com\/community\/file\/1112679042006759352\" target=\"_blank\" rel=\"noopener noreferrer\">GET IT NOW<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today\u2019s new freebie was made by Theodore Tsai. The iPhone Notch has been present ever since the iPhone X came [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":5679,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[11,8],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>iOS status bar UI kit for Figma - UXCrush.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"iOS status bar UI kit for Figma - UXCrush.com\" \/>\n<meta property=\"og:description\" content=\"Today\u2019s new freebie was made by Theodore Tsai. The iPhone Notch has been present ever since the iPhone X came [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/\" \/>\n<meta property=\"og:site_name\" content=\"UXCrush.com\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-16T10:47:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-16T10:48:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxcrush.com\/wp-content\/uploads\/2022\/06\/ios-status-bar-ui-kit-for-figma.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1014\" \/>\n\t<meta property=\"og:image:height\" content=\"487\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"marco ferri 3\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.uxcrush.com\/#website\",\"url\":\"https:\/\/www.uxcrush.com\/\",\"name\":\"UXCrush.com\",\"description\":\"Firma Free Resources and Templates\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.uxcrush.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/#primaryimage\",\"url\":\"https:\/\/www.uxcrush.com\/wp-content\/uploads\/2022\/06\/ios-status-bar-ui-kit-for-figma.jpg\",\"contentUrl\":\"https:\/\/www.uxcrush.com\/wp-content\/uploads\/2022\/06\/ios-status-bar-ui-kit-for-figma.jpg\",\"width\":1014,\"height\":487,\"caption\":\"iOS status bar UI kit for Figma\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/#webpage\",\"url\":\"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/\",\"name\":\"iOS status bar UI kit for Figma - UXCrush.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.uxcrush.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/#primaryimage\"},\"datePublished\":\"2022-06-16T10:47:39+00:00\",\"dateModified\":\"2022-06-16T10:48:55+00:00\",\"author\":{\"@id\":\"https:\/\/www.uxcrush.com\/#\/schema\/person\/23958f77018b0fdc937bd299dfb396c3\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.uxcrush.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"iOS status bar UI kit for Figma\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.uxcrush.com\/#\/schema\/person\/23958f77018b0fdc937bd299dfb396c3\",\"name\":\"marco ferri 3\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.uxcrush.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/86a168b80f8b3539c122c09b066b9318?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/86a168b80f8b3539c122c09b066b9318?s=96&d=mm&r=g\",\"caption\":\"marco ferri 3\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"iOS status bar UI kit for Figma - UXCrush.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/","og_locale":"en_US","og_type":"article","og_title":"iOS status bar UI kit for Figma - UXCrush.com","og_description":"Today\u2019s new freebie was made by Theodore Tsai. The iPhone Notch has been present ever since the iPhone X came [&hellip;]","og_url":"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/","og_site_name":"UXCrush.com","article_published_time":"2022-06-16T10:47:39+00:00","article_modified_time":"2022-06-16T10:48:55+00:00","og_image":[{"width":1014,"height":487,"url":"https:\/\/www.uxcrush.com\/wp-content\/uploads\/2022\/06\/ios-status-bar-ui-kit-for-figma.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"marco ferri 3","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.uxcrush.com\/#website","url":"https:\/\/www.uxcrush.com\/","name":"UXCrush.com","description":"Firma Free Resources and Templates","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxcrush.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/#primaryimage","url":"https:\/\/www.uxcrush.com\/wp-content\/uploads\/2022\/06\/ios-status-bar-ui-kit-for-figma.jpg","contentUrl":"https:\/\/www.uxcrush.com\/wp-content\/uploads\/2022\/06\/ios-status-bar-ui-kit-for-figma.jpg","width":1014,"height":487,"caption":"iOS status bar UI kit for Figma"},{"@type":"WebPage","@id":"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/#webpage","url":"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/","name":"iOS status bar UI kit for Figma - UXCrush.com","isPartOf":{"@id":"https:\/\/www.uxcrush.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/#primaryimage"},"datePublished":"2022-06-16T10:47:39+00:00","dateModified":"2022-06-16T10:48:55+00:00","author":{"@id":"https:\/\/www.uxcrush.com\/#\/schema\/person\/23958f77018b0fdc937bd299dfb396c3"},"breadcrumb":{"@id":"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxcrush.com\/ios-status-bar-ui-kit-for-figma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxcrush.com\/"},{"@type":"ListItem","position":2,"name":"iOS status bar UI kit for Figma"}]},{"@type":"Person","@id":"https:\/\/www.uxcrush.com\/#\/schema\/person\/23958f77018b0fdc937bd299dfb396c3","name":"marco ferri 3","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxcrush.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/86a168b80f8b3539c122c09b066b9318?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/86a168b80f8b3539c122c09b066b9318?s=96&d=mm&r=g","caption":"marco ferri 3"}}]}},"jetpack_featured_media_url":"https:\/\/www.uxcrush.com\/wp-content\/uploads\/2022\/06\/ios-status-bar-ui-kit-for-figma.jpg","_links":{"self":[{"href":"https:\/\/www.uxcrush.com\/wp-json\/wp\/v2\/posts\/5678"}],"collection":[{"href":"https:\/\/www.uxcrush.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxcrush.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxcrush.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxcrush.com\/wp-json\/wp\/v2\/comments?post=5678"}],"version-history":[{"count":4,"href":"https:\/\/www.uxcrush.com\/wp-json\/wp\/v2\/posts\/5678\/revisions"}],"predecessor-version":[{"id":5698,"href":"https:\/\/www.uxcrush.com\/wp-json\/wp\/v2\/posts\/5678\/revisions\/5698"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxcrush.com\/wp-json\/wp\/v2\/media\/5679"}],"wp:attachment":[{"href":"https:\/\/www.uxcrush.com\/wp-json\/wp\/v2\/media?parent=5678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxcrush.com\/wp-json\/wp\/v2\/categories?post=5678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxcrush.com\/wp-json\/wp\/v2\/tags?post=5678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}