{"id":10582,"date":"2022-04-12T15:01:38","date_gmt":"2022-04-12T07:01:38","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=10582"},"modified":"2022-10-14T18:29:56","modified_gmt":"2022-10-14T10:29:56","slug":"mobile-devices-gui-prototyping-templates","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/","title":{"rendered":"Best Free Mobile Prototyping Templates"},"content":{"rendered":"<p>When you start designing a new mobile app, it is always wise to begin with a prototype or wireframe so that you as well as your client may have an idea how the final product may look like. But who would want to work on the prototype from scratch when there are so many free mobile prototyping templates available at hand.<\/p>\n<p>Likewise, here is a collection of <a href=\"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/\">mobile prototyping<\/a> templates. These templates include UI, UX kits, vector elements, and screen, etc. that you can easily download and customize for your use. Let\u2019s take a look.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/free-infographic-templates\/\" class=\"ref-block__link\" title=\"Read More: 40 Free Infographic Templates to Download\" rel=\"bookmark\"><span class=\"screen-reader-text\">40 Free Infographic Templates to Download<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/free-infographic-templates.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-26293 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/free-infographic-templates.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">40 Free Infographic Templates to Download<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tInfographics are extremely popular these days. They help readers understand and remember huge chunks of information in a...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ui8.net\/mohit-panchal\/products\/mobile-app-login-ui\">#1<\/a> @Mohit Panchal <\/h3>\n<p>Here is a high-quality Android UI kit for mobile prototyping. It comes with neatly organized layers and groups. You\u2019ll also find a nicely designed \"Login Screen\" and \"Sign-up Screen\".<\/p>\n<p><strong>Compatible with:<\/strong> Adobe XD.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/01-Mobile-App-Login-Screen-UI-Kit.jpg\" alt=\"01-Mobile-App-Login-Screen-UI-Kit\" width=\"1000\" height=\"756\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ui8.net\/dilan\/products\/gamify-free-adobe-xd-ui-kit\">#2<\/a> @Dilan<\/h3>\n<p>A mobile UI kit for gaming app. The template has a total of 15 screens and is designed for iPhone X resolution<\/p>\n<p><strong>Compatible with:<\/strong> Adobe XD.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/02-GAMIFY-Free-Adobe-XD-UI-kit.jpg\" alt=\"Free-Adobe-XD-UI-kit\" width=\"1000\" height=\"756\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/4741785-Finance-IOS-App-Freebies\">#3<\/a> @Brice Seraphin<\/h3>\n<p>Here is a mobile prototyping template for finance app. I features 3 screens and is fully customizable<\/p>\n<p><strong>Compatible with:<\/strong> Adobe Photoshop.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/20-Finance-IOS-App.jpg\" alt=\"Finance-IOS-App\" width=\"1000\" height=\"750\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ui8.net\/dilan\/products\/burger-city--ui-kit\">#4<\/a> @Dilan<\/h3>\n<p>A mobile UI kit for a burger store or any similar food-related app. The templates have total of 25 screens and are made for iPhone X resolution.<\/p>\n<p><strong>Compatible with:<\/strong> Adobe XD.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/04-Burger-City-UI-kit.jpg\" alt=\"Burger-City-UI-kit\" width=\"1000\" height=\"735\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ui8.net\/dilan\/products\/plexus---free-adobe-xd-ui-kit\">#5<\/a> @Dilan<\/h3>\n<p>A template with a total of 28 screens. You can choose between light and dark themes to choose. It is designed for iPhone X (and above) resolution.<\/p>\n<p><strong>Compatible with:<\/strong> Adobe XD.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/05-Plexus.jpg\" alt=\"Plexus\" width=\"1000\" height=\"756\"><\/figure>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-2\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/xdguru-resource-site-adobe-xd-users\/\" class=\"ref-block__link\" title=\"Read More: XD Guru \u2013 Resource Site All Adobe XD Users Should Know\" rel=\"bookmark\"><span class=\"screen-reader-text\">XD Guru \u2013 Resource Site All Adobe XD Users Should Know<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/xdguru-resource-site-adobe-xd-users.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-37018 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/xdguru-resource-site-adobe-xd-users.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">XD Guru \u2013 Resource Site All Adobe XD Users Should Know<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tI've lost track of how many freebie sites are online today. Most focus on traditional Adobe software such...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ui8.net\/prizzy\/products\/finance-wireframes\">#6<\/a> @Prizzy<\/h3>\n<p>Here\u2019s a template with 16 iOS screens for a finance mobile app with a minimalistic design approach. You\u2019ll also find the most essential set of screenshots in this kit.<\/p>\n<p><strong>Compatible with:<\/strong> Figma.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/06-Finance-Wireframes.jpg\" alt=\"Finance-Wireframes\" width=\"1000\" height=\"781\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ui8.net\/creative-tim\/products\/mobile-material-design\">#7<\/a> @Tim<\/h3>\n<p>Here\u2019s a collection of over 100 individual components to choose from. You can combine these components into one design or choose individual elements. All components can be modified in color by using Sketch files.<\/p>\n<p><strong>Compatible with:<\/strong> Sketch.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/07-Mobile-Material-Design.jpg\" alt=\"Mobile-Material-Design\" width=\"1000\" height=\"756\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ui8.net\/framer\/products\/framer-wireframe-kit\">#8<\/a> @Framer<\/h3>\n<p>A starter kit that contains many Wireframe components, templates and flow elements for building flows and validating your app ideas. The flow elements are well-designed and adapt across multiple screen sizes.<\/p>\n<p><strong>Compatible with:<\/strong> Framer.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/08-Framer-Wireframe-Kit.jpg\" alt=\"Framer-Wireframe-Kit\" width=\"1000\" height=\"756\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ui8.net\/products\/travel-app-ui-kit\">#9<\/a><\/h3>\n<p>A set of 15+ Screens and UI Elements made from scratch. The template uses RobotoSlab font.<\/p>\n<p><strong>Compatible with:<\/strong> Sketch.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/09-Travel-App-UI-KIT.jpg\" alt=\"Travel-App-UI-KIT\" width=\"1000\" height=\"673\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.behance.net\/gallery\/60999357\/Crypto-Exchange-Free-UI-KIT\">#10<\/a> @Nik Wincini<\/h3>\n<p>A mobile UI kit for cryptocurrency exchange apps. It features templates for \"Contidional Orders\", \"Trade History\", \"Order Form\", \"Change of Price\", \"Depth Chart\", and \"Active Actions\" etc.<\/p>\n<p><strong>Compatible with:<\/strong> Adobe XD.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/10-Crypto-Exchange.-Free-UI-KIT.jpg\" alt=\"Crypto-Exchange.-Free-UI-KIT\" width=\"1000\" height=\"656\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/unmesh-gite.gumroad.com\/l\/free-music-app-ui-kit-for-adobe-xd\">#11<\/a> @Unmesh Gite<\/h3>\n<p>Here is a component-based UI Kit designed exclusively for Adobe XD. In this kit, you\u2019ll find fully-customizable components, including UI elements, colours, and typography, etc.<\/p>\n<p><strong>Compatible with:<\/strong> Adobe XD.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/11-Music-App-UI-Kit.jpg\" alt=\"Music-App-UI-Kit\" width=\"1000\" height=\"918\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.behance.net\/gallery\/60581581\/Navigo-Transportation-UI-Kit-FREE-for-Adobe-XD\">#12<\/a> @Aurelien Salomon<\/h3>\n<p>A beautiful mobile prototyping template design with a modern and colorful style. The designs have been organized in 6 categories and include more than 60 screens.<\/p>\n<p><strong>Compatible with:<\/strong> Adobe XD.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/12-Navigo-Transportation-UI-Kit.jpg\" alt=\"Navigo-Transportation-UI-Kit\" width=\"1000\" height=\"774\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.behance.net\/gallery\/56295177\/10-Free-Mobile-PSD-Source-Files\">#13<\/a> @Riko Sapto<\/h3>\n<p>Some beautiful templates suitable for medical-related apps. It features \"Welcome Screen\", \"Register Screen\", \"Contact Doctor Screens\", and much more.<\/p>\n<p><strong>Compatible with:<\/strong> Adobe Photoshop.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/13-Free-Mobile-PSD-Source-Files.jpg\" alt=\"Free-Mobile-PSD-Source-Files\" width=\"1000\" height=\"799\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.behance.net\/gallery\/66495471\/Free-wireframe-kits-for-Adobe-XD\">#14<\/a> @Ce Ali Omar<\/h3>\n<p>Wireframe UX kits for mobile prototyping. You can choose from more than 30 different screens.<\/p>\n<p><strong>Compatible with:<\/strong> Adobe XD.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/14-Free-wireframe-kits-for-Adobe-XD.jpg\" alt=\"Free-wireframe-kits\" width=\"1000\" height=\"551\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/4137546-Multi-platform-UI-Kits-from-Framer\">#15<\/a> @Georgemaine Lourens<\/h3>\n<p>These in-app starter kits for iOS, Android or Web allow you to speed up your workflow. You can also use these wireframe UI kits for product designs as well.<\/p>\n<p><strong>Compatible with:<\/strong> Framer.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/15-Multi-platform-UI-Kits.jpg\" alt=\"Multi-platform-UI-Kits\" width=\"1000\" height=\"756\"><\/figure>\n<h3>#16<\/h3>\n<p>Here\u2019s a modern and stylish UI kit for e-commerce apps. It\u2019s a well-layered and neatly organized kit with 50+ components in 6 categories.<\/p>\n<p><strong>Compatible with:<\/strong> Sketch, Adobe Photoshop.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/16-Aware-UI-Kit.jpg\" alt=\"Aware-UI-Kit\" width=\"1000\" height=\"781\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mockups.kkuistore.com\/\">#17<\/a><\/h3>\n<p>Create rich and enticing presentations with this set of presentation mockups. The collection offers templates for iPad, iPhone, Mac, Apple Watch, Android phone, and some web browsers.<\/p>\n<p><strong>Compatible with:<\/strong> Sketch, Adobe Photoshop, and Figma.<\/p>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/4914220-Dashboard-Cryptocurrency-Exchange-IOS-App-Freebies\">#18<\/a> @Brice Seraphin<\/h3>\n<p>A neat mockup template for cryptocurrency exchange website. All PSD files are fully editable and are organized into layers for ease of use.<\/p>\n<p><strong>Compatible with:<\/strong> Adobe Photoshop.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/18-Dashboard-Cryptocurrency-Exchange.jpg\" alt=\"Dashboard-Cryptocurrency-Exchange\" width=\"1000\" height=\"750\"><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/6669679-Finance-BTC-Exploration-Freebies\">#19<\/a> @Brice Seraphin<\/h3>\n<p>A Bitcoin, finance template of mobile mockups. It consists of organized layers and 2 screen options.<\/p>\n<p><strong>Compatible with:<\/strong> Adobe Photoshop.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/19-mock-up.jpg\" alt=\"19-mock-up\" width=\"1000\" height=\"750\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>When you start designing a new mobile app, it is always wise to begin with a prototype or wireframe so that you as well as your client may have an idea how the final product may look like. But who would want to work on the prototype from scratch when there are so many free&hellip;<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1050],"tags":[1815,1733,340,1731],"topic":[4520,4521],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Best Free Mobile Prototyping Templates - Hongkiat<\/title>\n<meta name=\"description\" content=\"When you start designing a new mobile app, it is always wise to begin with a prototype or wireframe so that you as well as your client may have an idea\" \/>\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.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Free Mobile Prototyping Templates\" \/>\n<meta property=\"og:description\" content=\"When you start designing a new mobile app, it is always wise to begin with a prototype or wireframe so that you as well as your client may have an idea\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-12T07:01:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-14T10:29:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/01-Mobile-App-Login-Screen-UI-Kit.jpg\" \/>\n<meta name=\"author\" content=\"Alvaris Falcon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alvaris Falcon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/\"},\"author\":{\"name\":\"Alvaris Falcon\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/110548906de9455e25024dbfbc9156d1\"},\"headline\":\"Best Free Mobile Prototyping Templates\",\"datePublished\":\"2022-04-12T07:01:38+00:00\",\"dateModified\":\"2022-10-14T10:29:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/\"},\"wordCount\":683,\"commentCount\":37,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-devices-gui-prototyping-templates\\\/01-Mobile-App-Login-Screen-UI-Kit.jpg\",\"keywords\":[\"Mobile Devices\",\"prototype\",\"templates\",\"wireframing\"],\"articleSection\":[\"Graphics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/\",\"name\":\"Best Free Mobile Prototyping Templates - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-devices-gui-prototyping-templates\\\/01-Mobile-App-Login-Screen-UI-Kit.jpg\",\"datePublished\":\"2022-04-12T07:01:38+00:00\",\"dateModified\":\"2022-10-14T10:29:56+00:00\",\"description\":\"When you start designing a new mobile app, it is always wise to begin with a prototype or wireframe so that you as well as your client may have an idea\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-devices-gui-prototyping-templates\\\/01-Mobile-App-Login-Screen-UI-Kit.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-devices-gui-prototyping-templates\\\/01-Mobile-App-Login-Screen-UI-Kit.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-devices-gui-prototyping-templates\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Free Mobile Prototyping Templates\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/110548906de9455e25024dbfbc9156d1\",\"name\":\"Alvaris Falcon\",\"description\":\"Alvaris is a web designer, developer and staff writer for Hongkiat.com.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/alvaris\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Best Free Mobile Prototyping Templates - Hongkiat","description":"When you start designing a new mobile app, it is always wise to begin with a prototype or wireframe so that you as well as your client may have an idea","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.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/","og_locale":"en_US","og_type":"article","og_title":"Best Free Mobile Prototyping Templates","og_description":"When you start designing a new mobile app, it is always wise to begin with a prototype or wireframe so that you as well as your client may have an idea","og_url":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2022-04-12T07:01:38+00:00","article_modified_time":"2022-10-14T10:29:56+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/01-Mobile-App-Login-Screen-UI-Kit.jpg","type":"","width":"","height":""}],"author":"Alvaris Falcon","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Alvaris Falcon","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/"},"author":{"name":"Alvaris Falcon","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/110548906de9455e25024dbfbc9156d1"},"headline":"Best Free Mobile Prototyping Templates","datePublished":"2022-04-12T07:01:38+00:00","dateModified":"2022-10-14T10:29:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/"},"wordCount":683,"commentCount":37,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/01-Mobile-App-Login-Screen-UI-Kit.jpg","keywords":["Mobile Devices","prototype","templates","wireframing"],"articleSection":["Graphics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/","url":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/","name":"Best Free Mobile Prototyping Templates - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/01-Mobile-App-Login-Screen-UI-Kit.jpg","datePublished":"2022-04-12T07:01:38+00:00","dateModified":"2022-10-14T10:29:56+00:00","description":"When you start designing a new mobile app, it is always wise to begin with a prototype or wireframe so that you as well as your client may have an idea","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/01-Mobile-App-Login-Screen-UI-Kit.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/mobile-devices-gui-prototyping-templates\/01-Mobile-App-Login-Screen-UI-Kit.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-devices-gui-prototyping-templates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Best Free Mobile Prototyping Templates"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/110548906de9455e25024dbfbc9156d1","name":"Alvaris Falcon","description":"Alvaris is a web designer, developer and staff writer for Hongkiat.com.","url":"https:\/\/www.hongkiat.com\/blog\/author\/alvaris\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-2KG","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=10582"}],"version-history":[{"count":5,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10582\/revisions"}],"predecessor-version":[{"id":62808,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10582\/revisions\/62808"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=10582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=10582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=10582"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=10582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}