{"id":2596,"date":"2024-05-27T12:55:13","date_gmt":"2024-05-27T12:55:13","guid":{"rendered":"https:\/\/guillembruix.com\/store\/?post_type=product&#038;p=2596"},"modified":"2024-05-27T17:14:09","modified_gmt":"2024-05-27T17:14:09","slug":"the-survival-kit-for-ios-design-in-figma-ios-17","status":"publish","type":"product","link":"https:\/\/guillembruix.com\/store\/product\/the-survival-kit-for-ios-design-in-figma-ios-17\/","title":{"rendered":"The Survival Kit for iOS Design in Figma &#8211; iOS 17"},"content":{"rendered":"<p>Do you need to design an iOS app in Figma? DON\u2019T PANIC! This Survival Kit will help you to quickly learn the fundamentals of <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/designing-for-ios\" rel=\"noreferrer noopener nofollow ugc\" target=\"_blank\">Apple Human Interface Guidelines<\/a>. This understanding will enable you to design UIs that are not only beautiful on the iPhone but also usable, accessible and code-friendly, saving both, you and your developer a lot of time.<\/p>\n<p>Learn how to survive the design process of well-structured and responsive UIs with Figma\u2019s Auto-Layouts and how to not be afraid of the Dark Mode using Variables.<\/p>\n<p>Learn about:<\/p>\n<ul>\n<li>Apple&#8217;s Human Interface Guidelines for iOS<\/li>\n<li>iPhone screen resolutions<\/li>\n<li>SF &amp; NY typography<\/li>\n<li>SF Symbols (iOS icons)<\/li>\n<li>System Colors (light, dark and accessible)<\/li>\n<li>iOS Components<\/li>\n<li>Prototyping<\/li>\n<li>Accessibility in iOS and Figma<\/li>\n<li>Figma variables for Light Mode, Dark Mode, Light Accessibility Mode and Dark Accessibility Mode<\/li>\n<\/ul>\n<p><strong>This Survival Kit is a fully redesign version for iOS 17 of my <\/strong><a href=\"https:\/\/www.figma.com\/community\/file\/1064199103905392260\/the-survival-kit-for-ios-design-in-figma-ios-15\" rel=\"noreferrer noopener nofollow ugc\" target=\"_blank\"><strong>previous Survival kit for iOS 15 <\/strong><\/a><\/p>\n<p>The Survival Kit include:<\/p>\n<ul>\n<li>All the design screens of a real iOS app: <a href=\"https:\/\/apps.apple.com\/es\/app\/book-truck-reading-tracker\/id6479700343?l=en-GB\" rel=\"noreferrer noopener nofollow ugc\" target=\"_blank\">Book Truck<\/a><\/li>\n<li>Custom iOS Component Library made of Figma Variables to support the 4 modes (Light, Dark, Accessibility Light and Accessibility Dark)<\/li>\n<li>Interactive Prototype<\/li>\n<li>App Store&#8217;s Screenshots and app icon templates to design your own app.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Learn the fundamentals of Apple Human Interface Guidelines with this survival kit. Design not only beautiful iOS apps for iPhone, but also usable, code-friendly UIs ready for production.<\/p>\n","protected":false},"featured_media":2598,"comment_status":"open","ping_status":"closed","template":"","meta":{"jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"product_brand":[],"product_cat":[21],"product_tag":[33],"class_list":["post-2596","product","type-product","status-publish","has-post-thumbnail","product_cat-templates","product_tag-free-assets","first","instock","downloadable","purchasable","product-type-simple"],"jetpack_publicize_connections":[],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/guillembruix.com\/store\/wp-json\/wp\/v2\/product\/2596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guillembruix.com\/store\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/guillembruix.com\/store\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/guillembruix.com\/store\/wp-json\/wp\/v2\/comments?post=2596"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/guillembruix.com\/store\/wp-json\/wp\/v2\/media\/2598"}],"wp:attachment":[{"href":"https:\/\/guillembruix.com\/store\/wp-json\/wp\/v2\/media?parent=2596"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/guillembruix.com\/store\/wp-json\/wp\/v2\/product_brand?post=2596"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/guillembruix.com\/store\/wp-json\/wp\/v2\/product_cat?post=2596"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/guillembruix.com\/store\/wp-json\/wp\/v2\/product_tag?post=2596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}