{"id":73120,"date":"2019-11-22T04:18:08","date_gmt":"2019-11-22T11:18:08","guid":{"rendered":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/"},"modified":"2019-11-22T04:18:08","modified_gmt":"2019-11-22T11:18:08","slug":"20-mobile-app-wireframe-templates-iphone-android","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/","title":{"rendered":"20+ Mobile App Wireframe Templates: iPhone + Android"},"content":{"rendered":"<p>If you want to create a mobile app with a great user experience, you should always start your project with a wireframe. In this post, we share a collection of modern mobile app wireframing templates to help you get started in your design process.<\/p>\n<p>When using a wireframe template, you won\u2019t have to spend hours crafting layouts, buttons, image placeholders, and all the other elements that take hours to create from scratch. All you need to do is edit the templates and rearrange the elements to make your own app wireframe design.<\/p>\n<p>We\u2019ve handpicked some of the best mobile app wireframes you can use to design both iPhone and Android app user interfaces, all in various file formats.<\/p>\n<p><span><\/span><\/p>\n<div>\n<span>Top Pick<\/span><\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/high-fidelity-wireframe-ui-ux-kit-ios-android-app-ESWM986\/\" rel=\"nofollow\">High Fidelity \u2013 Android &#038; iOS Wireframe Kit<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/high-fidelity-wireframe-ui-ux-kit-ios-android-app-ESWM986\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/High-Fidelity-Android-iOS-Wireframe-Kit.jpg?resize=900%2C600&#038;ssl=1\" alt=\"High Fidelity - Android &#038; iOS Wireframe Kit\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/High-Fidelity-Android-iOS-Wireframe-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/High-Fidelity-Android-iOS-Wireframe-Kit-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/High-Fidelity-Android-iOS-Wireframe-Kit-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/High-Fidelity-Android-iOS-Wireframe-Kit-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/High-Fidelity-Android-iOS-Wireframe-Kit-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>High Fidelity is a massive collection of wireframing templates that includes layouts for designing Android and iOS app user interfaces.<\/p>\n<p>This bundle features mobile wireframe designs in 7 different categories. You can edit and fully customize the templates using Adobe XD, Sketch, and Figma as well.<\/p>\n<h3>Why This Is A Top Pick<\/h3>\n<p>This wireframing kit is quite special. Not just because it has lots of professional layouts. Mainly because it includes layouts for both iOS and Android apps. And it also comes in multiple file formats.\n<\/p>\n<\/div>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/baseframe-wireframe-ui-kit-200-sketch-version-BMM5P3\/\" rel=\"nofollow\">Baseframe \u2013 Wireframe UI KIT 200+ Templates<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/baseframe-wireframe-ui-kit-200-sketch-version-BMM5P3\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Baseframe-Wireframe-UI-KIT-200-Templates.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Baseframe - Wireframe UI KIT 200+ Templates\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Baseframe-Wireframe-UI-KIT-200-Templates.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Baseframe-Wireframe-UI-KIT-200-Templates-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Baseframe-Wireframe-UI-KIT-200-Templates-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Baseframe-Wireframe-UI-KIT-200-Templates-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Baseframe-Wireframe-UI-KIT-200-Templates-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Baseframe is another huge bundle of wireframe templates. This pack comes with more than 200 unique layout templates. It supports both iOS and Android mobile app designs and the templates are available in Sketch file format.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/ios-wireframe-mobile-uit-kit-psd-version-67G5N93\/\" rel=\"nofollow\">iOS Wireframe Mobile UI KIT (PSD)<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/ios-wireframe-mobile-uit-kit-psd-version-67G5N93\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/iOS-Wireframe-Mobile-UIT-KIT-PSD.jpg?resize=900%2C600&#038;ssl=1\" alt=\"iOS Wireframe Mobile UIT KIT (PSD)\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/iOS-Wireframe-Mobile-UIT-KIT-PSD.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/iOS-Wireframe-Mobile-UIT-KIT-PSD-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/iOS-Wireframe-Mobile-UIT-KIT-PSD-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/iOS-Wireframe-Mobile-UIT-KIT-PSD-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/iOS-Wireframe-Mobile-UIT-KIT-PSD-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>If you\u2019re a fan of Photoshop, you can use this mobile wireframing kit to design unique app wireframes using your favorite app. It includes 150 unique templates you can easily customize using Photoshop. The UI kit is also available in <a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/ios-wireframe-mobile-uit-kit-sketch-version-9V5T7WX\/\" rel=\"nofollow\">Sketch <\/a>and <a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/ios-wireframe-mobile-uit-kit-xd-version-C5VA236\/\" rel=\"nofollow\">Adobe XD<\/a> format as well.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/letur-mobile-wireframe-kit-BW4BPP7\/\" rel=\"nofollow\">Letur \u2013 Mobile App Wireframe Kit<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/letur-mobile-wireframe-kit-BW4BPP7\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Letur-Mobile-App-Wireframe-Kit.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Letur - Mobile App Wireframe Kit\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Letur-Mobile-App-Wireframe-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Letur-Mobile-App-Wireframe-Kit-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Letur-Mobile-App-Wireframe-Kit-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Letur-Mobile-App-Wireframe-Kit-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Letur-Mobile-App-Wireframe-Kit-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Don\u2019t let those bright pink colors confuse you. This is not a wireframe kit made just for designing feminine mobile app designs. It\u2019s also suitable for many other app user interface designs. It includes 26 easily editable mobile layouts in Adobe XD and Photoshop formats.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/pride-mobile-wireframe-kit-5ZL4LY\/\" rel=\"nofollow\">Pride \u2013 Minimal Mobile Wireframe Kit<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/pride-mobile-wireframe-kit-5ZL4LY\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Pride-Minimal-Mobile-Wireframe-Kit.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Pride - Minimal Mobile Wireframe Kit\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Pride-Minimal-Mobile-Wireframe-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Pride-Minimal-Mobile-Wireframe-Kit-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Pride-Minimal-Mobile-Wireframe-Kit-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Pride-Minimal-Mobile-Wireframe-Kit-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Pride-Minimal-Mobile-Wireframe-Kit-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Pride is a collection of minimal mobile wireframing templates featuring various user interface templates for crafting mobile app experiences. The bundle includes more than 30 unique interface designs in Photoshop PSD file format.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/collector-ios-wireframe-ui-kit-ERV84X\/\" rel=\"nofollow\">Collector \u2013 iOS Wireframe UI Kit<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/collector-ios-wireframe-ui-kit-ERV84X\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Collector-iOS-Wireframe-UI-Kit.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Collector - iOS Wireframe UI Kit\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Collector-iOS-Wireframe-UI-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Collector-iOS-Wireframe-UI-Kit-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Collector-iOS-Wireframe-UI-Kit-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Collector-iOS-Wireframe-UI-Kit-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Collector-iOS-Wireframe-UI-Kit-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Another big collection of wireframe templates. This kit is designed for iOS mobile app layouts. It comes with more than 200 templates with layouts in 22 different categories. You can customize them using Adobe XD.<\/p>\n<h2><a href=\"https:\/\/www.behance.net\/gallery\/84102575\/iOS-Wireframe-Kit\">Free Creative iOS Wireframe Kit<\/a><\/h2>\n<div><a href=\"https:\/\/www.behance.net\/gallery\/84102575\/iOS-Wireframe-Kit\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Free-Creative-iOS-Wireframe-Kit.jpg?resize=900%2C636&#038;ssl=1\" alt=\"Free Creative iOS Wireframe Kit\" width=\"900\" height=\"636\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Free-Creative-iOS-Wireframe-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Creative-iOS-Wireframe-Kit-368x260.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Creative-iOS-Wireframe-Kit-768x542.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Creative-iOS-Wireframe-Kit-1024x723.jpg 1024w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Creative-iOS-Wireframe-Kit-348x246.jpg 348w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>This is a bundle of free wireframe templates. It includes a set of simple mobile screen layouts with beautiful modern designs. The templates are easily customizable as well.<\/p>\n<h2><a href=\"https:\/\/www.behance.net\/gallery\/66495471\/Free-wireframe-kits-for-Adobe-XD\">Free Mobile Wireframe Kit For Adobe XD<\/a><\/h2>\n<div><a href=\"https:\/\/www.behance.net\/gallery\/66495471\/Free-wireframe-kits-for-Adobe-XD\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Free-Mobile-Wireframe-Kit-For-Adobe-XD.jpg?resize=900%2C571&#038;ssl=1\" alt=\"Free Mobile Wireframe Kit For Adobe XD\" width=\"900\" height=\"571\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Free-Mobile-Wireframe-Kit-For-Adobe-XD.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Mobile-Wireframe-Kit-For-Adobe-XD-368x234.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Mobile-Wireframe-Kit-For-Adobe-XD-768x487.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Mobile-Wireframe-Kit-For-Adobe-XD-1024x650.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>This free wireframing kit includes minimal and clean mobile user interface designs. You can easily customize the designs using Adobe XD to make them your own.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/mobile-wireframe-kit-KJANMR\/\" rel=\"nofollow\">Minimal Mobile Wireframe Kit Templates<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/mobile-wireframe-kit-KJANMR\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Minimal-Mobile-Wireframe-Kit-Templates.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Minimal Mobile Wireframe Kit Templates\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Minimal-Mobile-Wireframe-Kit-Templates.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Minimal-Mobile-Wireframe-Kit-Templates-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Minimal-Mobile-Wireframe-Kit-Templates-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Minimal-Mobile-Wireframe-Kit-Templates-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Minimal-Mobile-Wireframe-Kit-Templates-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>If you\u2019re looking for a mobile wireframing kit with a simple design, this bundle of UI templates is for you. It includes more than 90 unique mobile app wireframe templates featuring simple and clean designs. The templates are also available in both Sketch and Illustrator file formats.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/sketchy-ios-wireframe-kit-C7CQK3\/\" rel=\"nofollow\">Sketchy \u2013 Creative iOS Wireframe Kit<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/sketchy-ios-wireframe-kit-C7CQK3\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Sketchy-Creative-iOS-Wireframe-Kit.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Sketchy - Creative iOS Wireframe Kit\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Sketchy-Creative-iOS-Wireframe-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Sketchy-Creative-iOS-Wireframe-Kit-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Sketchy-Creative-iOS-Wireframe-Kit-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Sketchy-Creative-iOS-Wireframe-Kit-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Sketchy-Creative-iOS-Wireframe-Kit-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Sketchy is a bundle of creative wireframing templates for designing iOS app interfaces. It comes with 218 app interface templates that are made up of over 500 elements. The templates are available in 29 different categories.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/dashboards-charts-ios-13-wireframe-kit-3RVFB2K\/\" rel=\"nofollow\">Dashboards &#038; Charts \u2013 iOS 13 Wireframe Kit<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/dashboards-charts-ios-13-wireframe-kit-3RVFB2K\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Dashboards-Charts-iOS-13-Wireframe-Kit.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Dashboards &#038; Charts - iOS 13 Wireframe Kit\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Dashboards-Charts-iOS-13-Wireframe-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Dashboards-Charts-iOS-13-Wireframe-Kit-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Dashboards-Charts-iOS-13-Wireframe-Kit-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Dashboards-Charts-iOS-13-Wireframe-Kit-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Dashboards-Charts-iOS-13-Wireframe-Kit-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>This collection of mobile wireframing templates are fully optimized for crafting iOS 13 app interfaces. In addition to dashboard and chart wireframes, this series also includes templates for <a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/walkthroughs-ios-13-wireframe-kit-CQB4KT8\/\" rel=\"nofollow\">walkthroughs<\/a>, <a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/settings-ios-13-wireframe-kit-GRZE47X\/\" rel=\"nofollow\">settings pages<\/a>, and more. Be sure to download them all.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/uixo-ios-12-wireframe-ui-ux-kit-iphone-x-UTZ6MG4\/\" rel=\"nofollow\">UIXO \u2013 iOS 12 Wireframe UI &#038; UX Kit<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/uixo-ios-12-wireframe-ui-ux-kit-iphone-x-UTZ6MG4\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/UIXO-iOS-12-Wireframe-UI-UX-Kit-1.jpg?resize=900%2C600&#038;ssl=1\" alt=\"UIXO - iOS 12 Wireframe UI &#038; UX Kit\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/UIXO-iOS-12-Wireframe-UI-UX-Kit-1.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/UIXO-iOS-12-Wireframe-UI-UX-Kit-1-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/UIXO-iOS-12-Wireframe-UI-UX-Kit-1-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/UIXO-iOS-12-Wireframe-UI-UX-Kit-1-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/UIXO-iOS-12-Wireframe-UI-UX-Kit-1-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>A unique wireframing kit for designing iOS apps with dark color themes. This bundle comes with more than 100 unique app screens in 16 categories. You can download the lite version of this wireframing kit <a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/uixo-ios-11-wireframe-kit-iphone-x-templates-WXT9J9\/\" rel=\"nofollow\">here<\/a>.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/liberty-mobile-wireframe-kit-DZLMAX\/\" rel=\"nofollow\">Liberty \u2013 Mobile Wireframe Kit Sketch &#038; PSD<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/liberty-mobile-wireframe-kit-DZLMAX\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Liberty-Mobile-Wireframe-Kit-Sketch-PSD.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Liberty - Mobile Wireframe Kit Sketch &#038; PSD\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Liberty-Mobile-Wireframe-Kit-Sketch-PSD.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Liberty-Mobile-Wireframe-Kit-Sketch-PSD-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Liberty-Mobile-Wireframe-Kit-Sketch-PSD-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Liberty-Mobile-Wireframe-Kit-Sketch-PSD-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Liberty-Mobile-Wireframe-Kit-Sketch-PSD-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Liberty is a modern wireframing kit you can use to craft trendy and stylish app designs. The bundle includes 125 app screen layouts in 9 categories. The templates are also available in Sketch and Photoshop file formats.<\/p>\n<h2><a href=\"https:\/\/www.behance.net\/gallery\/43886129\/Sketch-Wireframe-Kit-Mobile-Free\">Free Sketch Mobile Wireframe Kit<\/a><\/h2>\n<div><a href=\"https:\/\/www.behance.net\/gallery\/43886129\/Sketch-Wireframe-Kit-Mobile-Free\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Free-Sketch-Mobile-Wireframe-Kit.jpg?resize=900%2C663&#038;ssl=1\" alt=\"Free Sketch Mobile Wireframe Kit\" width=\"900\" height=\"663\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Free-Sketch-Mobile-Wireframe-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Sketch-Mobile-Wireframe-Kit-368x271.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Sketch-Mobile-Wireframe-Kit-768x566.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Sketch-Mobile-Wireframe-Kit-1024x754.jpg 1024w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Sketch-Mobile-Wireframe-Kit-334x246.jpg 334w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Another free wireframing kit for designing various mobile app interfaces. This kit includes over 20 unique wireframe templates with easily editable layouts. The templates come in Sketch file format.<\/p>\n<h2><a href=\"https:\/\/www.behance.net\/gallery\/71063347\/Free-Music-App-Wireframe-UX-Kit-Adobe-XD-download\">Free Music App Wireframe UX Kit\u00a0<\/a><\/h2>\n<div><a href=\"https:\/\/www.behance.net\/gallery\/71063347\/Free-Music-App-Wireframe-UX-Kit-Adobe-XD-download\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Free-Music-App-Wireframe-UX-Kit.jpg?resize=900%2C833&#038;ssl=1\" alt=\"Free Music App Wireframe UX Kit\" width=\"900\" height=\"833\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Free-Music-App-Wireframe-UX-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Music-App-Wireframe-UX-Kit-368x341.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Music-App-Wireframe-UX-Kit-768x711.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Music-App-Wireframe-UX-Kit-1024x948.jpg 1024w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Music-App-Wireframe-UX-Kit-266x246.jpg 266w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>This free wireframe kit features a complete design of a music app. It includes wireframes for all screens you\u2019ll need to design an app, especially ones for streaming music.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/skeletal-mobile-wireframe-kit-BCT9ZLD\/\" rel=\"nofollow\">Skeletal \u2013 Mobile Wireframe Kit PSD<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/skeletal-mobile-wireframe-kit-BCT9ZLD\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Skeletal-Mobile-Wireframe-Kit-PSD.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Skeletal - Mobile Wireframe Kit PSD\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Skeletal-Mobile-Wireframe-Kit-PSD.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Skeletal-Mobile-Wireframe-Kit-PSD-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Skeletal-Mobile-Wireframe-Kit-PSD-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Skeletal-Mobile-Wireframe-Kit-PSD-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Skeletal-Mobile-Wireframe-Kit-PSD-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Craft the perfect mobile app skeleton using this unique wireframing kit. It includes 22 unique screen layouts featuring easily customizable designs. You can edit the wireframes using Photoshop.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/mobnet-mobile-wireframe-kit-L7AYRPG\/\" rel=\"nofollow\">Mobnet \u2013 Mobile App Wireframe Kit<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/mobnet-mobile-wireframe-kit-L7AYRPG\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Mobnet-Mobile-Wireframe-Kit.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Mobnet - Mobile Wireframe Kit\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Mobnet-Mobile-Wireframe-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Mobnet-Mobile-Wireframe-Kit-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Mobnet-Mobile-Wireframe-Kit-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Mobnet-Mobile-Wireframe-Kit-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Mobnet-Mobile-Wireframe-Kit-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Another wireframe kit for designing modern mobile user interfaces. This kit comes packed with 23 different app layouts with organized layers and free fonts. The templates are available in PSD file format.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/iphone-wireframe-kit-3MS25JF\/\" rel=\"nofollow\">iPhone \u2013 iOS App Wireframe Kit<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/iphone-wireframe-kit-3MS25JF\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/iPhone-iOS-Wireframe-Kit.jpg?resize=900%2C600&#038;ssl=1\" alt=\"iPhone - iOS Wireframe Kit\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/iPhone-iOS-Wireframe-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/iPhone-iOS-Wireframe-Kit-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/iPhone-iOS-Wireframe-Kit-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/iPhone-iOS-Wireframe-Kit-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/iPhone-iOS-Wireframe-Kit-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>This kit if iOS app wireframes it most suitable for designing blogging and magazine app interfaces. It includes 90 screen designs that are compatible with iPhone X and iPhone 11. You can edit them using Sketch.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/turbo-ios-wireframe-kit-2X3MKC\/\" rel=\"nofollow\">Turbo \u2013 iOS App Wireframe Kit<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/turbo-ios-wireframe-kit-2X3MKC\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Turbo-iOS-App-Wireframe-Kit.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Turbo - iOS App Wireframe Kit\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Turbo-iOS-App-Wireframe-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Turbo-iOS-App-Wireframe-Kit-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Turbo-iOS-App-Wireframe-Kit-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Turbo-iOS-App-Wireframe-Kit-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Turbo-iOS-App-Wireframe-Kit-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Turbo is a bundle of iOS wireframe templates that comes with layouts in 9 different categories. It includes a total of 100 mobile UI templates. You can easily edit and customize them to your preference using either Sketch, Illustrator, or Photoshop.<\/p>\n<h2><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/printable-wireframe-templates-W8668P\/\" rel=\"nofollow\">55 Printable Wireframe Templates<\/a><\/h2>\n<div><a href=\"https:\/\/designshack.net\/out\/e\/mobile-wireframe-template\/printable-wireframe-templates-W8668P\/\" rel=\"nofollow\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Printable-Wireframe-Templates.jpg?resize=900%2C600&#038;ssl=1\" alt=\"Printable Wireframe Templates\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Printable-Wireframe-Templates.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Printable-Wireframe-Templates-150x100.jpg 150w, https:\/\/designshack.net\/wp-content\/uploads\/Printable-Wireframe-Templates-368x246.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Printable-Wireframe-Templates-768x512.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Printable-Wireframe-Templates-1024x682.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Being able to print your wireframe designs can be quite beneficial. It will allow you to show off your wireframe designs in meetings and to clients. This bundle includes 55 templates for both desktop and mobile interfaces with printable designs.<\/p>\n<h2><a href=\"https:\/\/dribbble.com\/shots\/5458532-eBlocks-eCommerce-Wireframe-Kit-iOS-Day-299-365-Project365\">eBlocks \u2013 Free eCommerce Wireframe Kit<\/a><\/h2>\n<div><a href=\"https:\/\/dribbble.com\/shots\/5458532-eBlocks-eCommerce-Wireframe-Kit-iOS-Day-299-365-Project365\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/eBlocks-Free-eCommerce-Wireframe-Kit.jpg?resize=900%2C675&#038;ssl=1\" alt=\"eBlocks - Free eCommerce Wireframe Kit\" width=\"900\" height=\"675\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/eBlocks-Free-eCommerce-Wireframe-Kit.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/eBlocks-Free-eCommerce-Wireframe-Kit-368x276.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/eBlocks-Free-eCommerce-Wireframe-Kit-768x576.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/eBlocks-Free-eCommerce-Wireframe-Kit-1024x768.jpg 1024w, https:\/\/designshack.net\/wp-content\/uploads\/eBlocks-Free-eCommerce-Wireframe-Kit-328x246.jpg 328w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>This free wireframing kit features multiple mobile screen layouts for designing eCommerce apps and stores. The templates are available in an easily editable Sketch file format.<\/p>\n<h2><a href=\"https:\/\/dribbble.com\/shots\/6546372-Free-Mobile-Wireframe-Ui-Kit-Sketch\">Free Mobile Wireframe UI Kit (Sketch)<\/a><\/h2>\n<div><a href=\"https:\/\/dribbble.com\/shots\/6546372-Free-Mobile-Wireframe-Ui-Kit-Sketch\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Free-Mobile-Wireframe-Ui-Kit-Sketch.jpg?resize=900%2C675&#038;ssl=1\" alt=\"Free Mobile Wireframe Ui Kit (Sketch)\" width=\"900\" height=\"675\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/Free-Mobile-Wireframe-Ui-Kit-Sketch.jpg 1100w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Mobile-Wireframe-Ui-Kit-Sketch-368x276.jpg 368w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Mobile-Wireframe-Ui-Kit-Sketch-768x576.jpg 768w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Mobile-Wireframe-Ui-Kit-Sketch-1024x768.jpg 1024w, https:\/\/designshack.net\/wp-content\/uploads\/Free-Mobile-Wireframe-Ui-Kit-Sketch-328x246.jpg 328w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\"><\/a><\/div>\n<p>Another free mobile wireframing kit featuring simple user interface layouts. This kit comes with multiple screen designs you can use to craft unique apps for both iOS and Android.<\/p>\n<p>Working on a website design? Then check out our <a href=\"https:\/\/designshack.net\/articles\/inspiration\/best-website-wireframe-template\/\">best website wireframe templates<\/a> collection.<\/p>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\" rel=\"noopener noreferrer\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you want to create a mobile app with a great user experience, you should always start your project with a wireframe. In this post, we share a collection of modern mobile app wireframing templates to help you get started in your design process. When using a wireframe template, you won\u2019t have to spend hours&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":73121,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[371],"tags":[],"class_list":["post-73120","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"If you want to create a mobile app with a great user experience, you should always start your project with a wireframe. In this post, we share a collection of modern mobile app wireframing templates to help you get started in your design process. When using a wireframe template, you won\u2019t have to spend hours\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"user experience\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"20+ Mobile App Wireframe Templates: iPhone + Android | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"If you want to create a mobile app with a great user experience, you should always start your project with a wireframe. In this post, we share a collection of modern mobile app wireframing templates to help you get started in your design process. When using a wireframe template, you won\u2019t have to spend hours\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-11-22T11:18:08+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-11-22T11:18:08+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"20+ Mobile App Wireframe Templates: iPhone + Android | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"If you want to create a mobile app with a great user experience, you should always start your project with a wireframe. In this post, we share a collection of modern mobile app wireframing templates to help you get started in your design process. When using a wireframe template, you won\u2019t have to spend hours\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/#article\",\"name\":\"20+ Mobile App Wireframe Templates: iPhone + Android | Design for Immersive Technologies\",\"headline\":\"20+ Mobile App Wireframe Templates: iPhone + Android\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/High-Fidelity-Android-iOS-Wireframe-Kit.jpg?fit=1100%2C733&ssl=1\",\"width\":1100,\"height\":733},\"datePublished\":\"2019-11-22T04:18:08-07:00\",\"dateModified\":\"2019-11-22T04:18:08-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/#webpage\"},\"articleSection\":\"User Experience\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"position\":2,\"name\":\"User Experience\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/#listItem\",\"name\":\"20+ Mobile App Wireframe Templates: iPhone + Android\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/#listItem\",\"position\":3,\"name\":\"20+ Mobile App Wireframe Templates: iPhone + Android\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/\",\"name\":\"20+ Mobile App Wireframe Templates: iPhone + Android | Design for Immersive Technologies\",\"description\":\"If you want to create a mobile app with a great user experience, you should always start your project with a wireframe. In this post, we share a collection of modern mobile app wireframing templates to help you get started in your design process. When using a wireframe template, you won\\u2019t have to spend hours\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/High-Fidelity-Android-iOS-Wireframe-Kit.jpg?fit=1100%2C733&ssl=1\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/#mainImage\",\"width\":1100,\"height\":733},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/11\\\/20-mobile-app-wireframe-templates-iphone-android\\\/#mainImage\"},\"datePublished\":\"2019-11-22T04:18:08-07:00\",\"dateModified\":\"2019-11-22T04:18:08-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"20+ Mobile App Wireframe Templates: iPhone + Android | Design for Immersive Technologies","description":"If you want to create a mobile app with a great user experience, you should always start your project with a wireframe. In this post, we share a collection of modern mobile app wireframing templates to help you get started in your design process. When using a wireframe template, you won\u2019t have to spend hours","canonical_url":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/","robots":"max-image-preview:large","keywords":"user experience","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/#article","name":"20+ Mobile App Wireframe Templates: iPhone + Android | Design for Immersive Technologies","headline":"20+ Mobile App Wireframe Templates: iPhone + Android","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/High-Fidelity-Android-iOS-Wireframe-Kit.jpg?fit=1100%2C733&ssl=1","width":1100,"height":733},"datePublished":"2019-11-22T04:18:08-07:00","dateModified":"2019-11-22T04:18:08-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/#webpage"},"articleSection":"User Experience"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","position":2,"name":"User Experience","item":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/#listItem","name":"20+ Mobile App Wireframe Templates: iPhone + Android"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/#listItem","position":3,"name":"20+ Mobile App Wireframe Templates: iPhone + Android","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/","name":"20+ Mobile App Wireframe Templates: iPhone + Android | Design for Immersive Technologies","description":"If you want to create a mobile app with a great user experience, you should always start your project with a wireframe. In this post, we share a collection of modern mobile app wireframing templates to help you get started in your design process. When using a wireframe template, you won\u2019t have to spend hours","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/High-Fidelity-Android-iOS-Wireframe-Kit.jpg?fit=1100%2C733&ssl=1","@id":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/#mainImage","width":1100,"height":733},"primaryImageOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/#mainImage"},"datePublished":"2019-11-22T04:18:08-07:00","dateModified":"2019-11-22T04:18:08-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"20+ Mobile App Wireframe Templates: iPhone + Android | Design for Immersive Technologies","og:description":"If you want to create a mobile app with a great user experience, you should always start your project with a wireframe. In this post, we share a collection of modern mobile app wireframing templates to help you get started in your design process. When using a wireframe template, you won\u2019t have to spend hours","og:url":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/","article:published_time":"2019-11-22T11:18:08+00:00","article:modified_time":"2019-11-22T11:18:08+00:00","twitter:card":"summary","twitter:title":"20+ Mobile App Wireframe Templates: iPhone + Android | Design for Immersive Technologies","twitter:description":"If you want to create a mobile app with a great user experience, you should always start your project with a wireframe. In this post, we share a collection of modern mobile app wireframing templates to help you get started in your design process. When using a wireframe template, you won\u2019t have to spend hours"},"aioseo_meta_data":{"post_id":"73120","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-07 16:42:23","updated":"2026-09-02 12:59:58","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/\" title=\"User Experience\">User Experience<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t20+ Mobile App Wireframe Templates: iPhone + Android\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"User Experience","link":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/"},{"label":"20+ Mobile App Wireframe Templates: iPhone + Android","link":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-mobile-app-wireframe-templates-iphone-android\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-j1m","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/11\/High-Fidelity-Android-iOS-Wireframe-Kit.jpg?fit=1100%2C733&ssl=1","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/73120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=73120"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/73120\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media\/73121"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=73120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=73120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=73120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}