{"id":7287,"date":"2020-04-16T21:45:22","date_gmt":"2020-04-16T13:45:22","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=7287"},"modified":"2021-04-12T19:35:25","modified_gmt":"2021-04-12T11:35:25","slug":"useful-offline-utensils-and-toolkits-for-designers","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/","title":{"rendered":"20+ Useful Sketching and Prototyping Tools for Designers"},"content":{"rendered":"<p>Most web designers work on their projects using software and digital resources like wireframes, mockups, and prototypes, etc. But if you want to take the old school paper and pencil path, then you\u2019ll find many toolkits that can speed up your development and design process.<\/p>\n<p>So here are some interesting and useful paper-based utensils, toolkits, and pre-made guides for designers and developers to plan their projects. You\u2019ll find a list of free, downloadable toolkits and templates, as well as a collection of notepads and other products you can purchase for offline planning and design. Let\u2019s take a look.<\/p>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.raincreativelab.com\/paperbrowser\/\">Paper Browser<\/a><\/h2>\n<p>Printable browser templates that allows you to capture your ideas on not just any paper but a canvas designed especially for it. You\u2019ll find two types of the paper browser i.e. Quick Sketch \u2013 for all the brainstorming and revisions, and a Detailed Sketch \u2013 for translating those rough sketches into design-ready format. There are also different sizes to choose from according to your requirements.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> Rain Creative Lab<\/li>\n<li><strong>Format:<\/strong> .PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/01.jpg\" alt=\"Paper Browser\" width=\"1000\" height=\"414\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.behance.net\/gallery\/91031859\/iPhone-11-Wireframe-Template\">iPhone 11 Wireframe Template<\/a><\/h2>\n<p>Design your next mobile app project not on a prototyping tool but on this printable wireframe template. You can design different screens for your app and share those with your colleagues for their input.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> Riccardo Mecheri<\/li>\n<li><strong>Format:<\/strong> .AI<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/02.jpg\" alt=\"Phone 11 Wireframe Template\" width=\"1000\" height=\"664\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/konigi.com\/tools\/graph-paper\/\">Graph Paper<\/a><\/h2>\n<p>Konigi has free, printable graph paper for grid design mockups. Available templates include a wireframe with notes area, landscape- and portrait-oriented wireframes, storyboards (with and without notes), two-by-two graph paper, and basic graph paper.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> konigi.com<\/li>\n<li><strong>Format:<\/strong> .PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/03.jpg\" alt=\"Graph Paper\" width=\"1000\" height=\"773\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/konigi.com\/tools\/wireframe-magnets-diy-kit\/\">Wireframe Magnets (DIY Kit<\/a>)<\/h2>\n<p>A set of magnet templates from Konigi. Just print these out onto magnet sheets and you\u2019re ready to start wireframing and prototyping on your whiteboard or any other magnetic surface. You can also laminate these to use with dry erase markers.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> konigi.com<\/li>\n<li><strong>Format:<\/strong> .PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/04.jpg\" alt=\"Wireframe Magnets\" width=\"1000\" height=\"425\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.uistencils.com\/collections\/sketch-pads\">Sketch Pads<\/a><\/h2>\n<p>Instead of printing a template every time, you can get these Sketch Pads to work for your frequent idea management. There\u2019s an option to select from Browser Sketch Pad, Mobile Sketch Pad, Responsive Sketch Pad, UX Index Cards, and even a Jumbo Sticky Pad.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> uistencils.com<\/li>\n<li><strong>Format:<\/strong> Paper<\/li>\n<li><strong>Price:<\/strong> $17.00 (Starting price)<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/05.jpg\" alt=\"Sketch Pads\" width=\"1000\" height=\"1000\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.amazon.com\/Knock-Days-Week-Paper-Mousepad\/dp\/1601062540\/\">Mighty Mouse Pad<\/a><\/h2>\n<p>Instead of having a dull-looking mousepad, make a double use of it through this 5 days a week table calendar. It\u2019ll help you keep track of your productivity and you\u2019ll feel more organized in your work life.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> Knock Knock<\/li>\n<li><strong>Price:<\/strong> $17.00<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/06.jpg\" alt=\"Mighty Mouse Pad\" width=\"1000\" height=\"843\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.uistencils.com\/products\/ipad-stencil-kit\">iPad Stencil Kit<\/a><\/h2>\n<p>A metal stencil from UI Stencils for designing for the Apple iPad. It has everything you need to mock-up applications for the iPad. The kit also includes a .7mm Zebra Mechanical Pencil and an interaction technique table.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> uistencils.com<\/li>\n<li><strong>Price:<\/strong> $26.00<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/07.jpg\" alt=\"iPad Stencil Kit\" width=\"1000\" height=\"488\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.uistencils.com\/products\/iphone-stencil-kit\">iPhone Stencil Kit<\/a><\/h2>\n<p>Another metal stencil kit from UI Stencils, this time for the iPhone. It also comes with the Zebra Mechanical Pencil and UI Stencils stickers.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> uistencils.com<\/li>\n<li><strong>Price:<\/strong> $29.00<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/08.jpg\" alt=\"iPhone Stencil Kit\" width=\"1000\" height=\"779\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.storyboardnotebook.com\/templates.html\">Storyboard Notepad<\/a><\/h2>\n<p>Epiphany can hit you any time and any place. So it\u2019s better to keep a nice notebook handy to document your storyboard ideas. This storyboard notepad comes in a variation of 24 to 32 pages with different features including endpapers, extra text area or large frames.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> storyboardnotebook.com<\/li>\n<li><strong>Format:<\/strong> PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/09.jpg\" alt=\"Storyboard Notepad\" width=\"1000\" height=\"704\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/uiuxassets.com\/assets\/printable-wireframe-templates\/\">Printable Wireframe Templates<\/a><\/h2>\n<p>An array of well-designed printable wireframe templates. From desktop, and mobile to Table, Watch and even icon size, these templates have been designed for a range of devices to cater to your needs. You\u2019ll also be blown away by the impressive grids that add precision to your sketches.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> storyboardnotebook.com\n  <\/li>\n<li><strong>Format:<\/strong> PDF, PNG<\/li>\n<li><strong>Price:<\/strong> $28 (Starts from)<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/10.jpg\" alt=\"Printable Wireframe Templates\" width=\"1000\" height=\"691\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/sneakpeekit.com\/\">Printable grids for design wireframing<\/a><\/h2>\n<p>Grids are inevitable for developing sketch ideas for your website or app. Here are some high-quality grids made with precision to the last pixel. They offer grids for browser, mobile, and tablet along with column marks.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> sneakpeekit.com<\/li>\n<li><strong>Format:<\/strong> PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/11.jpg\" alt=\"Printable grids for design wireframing\" width=\"1000\" height=\"453\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/2112397-Apple-Watch-Wireframe-Kit\">Apple Watch Wireframe Kit<\/a><\/h2>\n<p>A vector pack of Apple watch screen templates that offer you a quick way to mockup your ideas. It includes 20 minimal watch screens, app components, size guidelines, and a watch image.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> Jessie Farris<\/li>\n<li><strong>Format:<\/strong> .AI<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/12.jpg\" alt=\"Apple Watch Wireframe Kit\" width=\"1000\" height=\"628\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/sketchsheets.com\/\">Sketchsheets<\/a><\/h2>\n<p>Here is a collection of print-ready sketch sheet templates for UX designers and developers. You can find templates for iPhone X, iPhone 8, Galaxy S10, Pixel 2, iPad Pro, Surface Pro, Apple Watch, Desktop, Web and even VR glasses.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> sketchsheets.com<\/li>\n<li><strong>Format:<\/strong> PDF, PNG<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/13.jpg\" alt=\"Sketchsheets\" width=\"1000\" height=\"811\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/blog.matthewstephens.com\/2015\/03\/new-freebie-apple-watch-wireframe-template-printable\/\">Apple Watch Wireframe Template<\/a><\/h2>\n<p>Free wireframe templates for Apple Watch that you can print out and sketch over for developing your app\u2019s ideas.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> Mathew Stephens<\/li>\n<li><strong>Format:<\/strong> EPS<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/14.jpg\" alt=\"Apple Watch Wireframe Template\" width=\"1000\" height=\"505\"><\/figure>\n<h2> <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/blog.matthewstephens.com\/2017\/09\/new-freebie-printable-iphone-x-templates\/\">iPhone X Wireframe Templates<\/a><\/h2>\n<p>A collection of printable wireframe templates designed specifically for iPhone X. The template features grid for precision and a small space at the bottom for taking notes.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> Mathew Stephens<\/li>\n<li><strong>Format:<\/strong> PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/15.jpg\" alt=\"iPhone X Wireframe Templates\" width=\"1000\" height=\"639\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/3283119-Free-Printable-Google-Pixel-Template\">Printable Google Pixel Template<\/a><\/h2>\n<p>For the UX designer and developers of Google Pixel, here is a kit of printable templates to pour your ideas on. The template is simple and features a grid layout.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> Behnam Sobhkhiz<\/li>\n<li><strong>Format:<\/strong> PSD, PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/16.jpg\" alt=\"Printable Google Pixel Template\" width=\"1000\" height=\"567\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1773737-iPad-Air-Sketching-Templates\">iPad Air Sketching Templates<\/a><\/h2>\n<p>A toolkit with 54 layout options of sketching templates for iPad Air. The template styles include Plain, UI Bars, Dot Grid, and Dot Grid + UI Bars.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> Ben Bloodworth<\/li>\n<li><strong>Format:<\/strong> PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/17.jpg\" alt=\"iPad Air Sketching Templates\" width=\"1000\" height=\"750\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/zurb.com\/playground\/zurb-grid-paper\">Grid Paper<\/a><\/h2>\n<p>A simple printable paper template with dot grids. You can use it for developing ideas for your website or app as well as for exploring or refining other concepts on paper.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> zurb.com<\/li>\n<li><strong>Format:<\/strong> PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/18.jpg\" alt=\"Grid Paper\" width=\"1000\" height=\"751\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.printablepaper.net\/preview\/dot-portrait-letter-4\">4 Dots\/inch on Letter-sized Paper<\/a><\/h2>\n<p>A sheet of printable dot paper that has four dots per inch grid and is in letter-sized paper with portrait (vertical) orientation.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> printablepaper.net<\/li>\n<li><strong>Format:<\/strong> PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/19.jpg\" alt=\"4 Dots\/inch on Letter-sized Paper\" width=\"1000\" height=\"720\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.printablepaper.net\/category\/storyboard\">Storyboard Template<\/a><\/h2>\n<p>Here are different options for a storyboard template. There are numerous layout options that you can choose on the basis of your requirement.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> printablepaper.net<\/li>\n<li><strong>Format:<\/strong> PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/20.jpg\" alt=\"Storyboard Template\" width=\"1000\" height=\"682\"><\/figure>\n<h2><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.sketchize.com\/\">Smartphone, browser and tablet sketches<\/a><\/h2>\n<p>An array of well-drafted wireframe templates to sketch your ideas on the paper with precision. You\u2019ll find templates for a number of devices and for each device there are plenty of layout options that you can download and print for use.<\/p>\n<ul>\n<li><strong>Creator:<\/strong> sketchize.com<\/li>\n<li><strong>Format:<\/strong> PDF<\/li>\n<li><strong>Price:<\/strong> Free<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/21.jpg\" alt=\"Smartphone, browser and tablet sketches\" width=\"1000\" height=\"744\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>Most web designers work on their projects using software and digital resources like wireframes, mockups, and prototypes, etc. But if you want to take the old school paper and pencil path, then you\u2019ll find many toolkits that can speed up your development and design process. So here are some interesting and useful paper-based utensils, toolkits,&hellip;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[3064,510],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>20+ Sketching and Prototyping Tools for Designers (2021) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Most web designers work on their projects using software and digital resources like wireframes, mockups, and prototypes, etc. But if you want to take the\" \/>\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\/useful-offline-utensils-and-toolkits-for-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20+ Useful Sketching and Prototyping Tools for Designers\" \/>\n<meta property=\"og:description\" content=\"Most web designers work on their projects using software and digital resources like wireframes, mockups, and prototypes, etc. But if you want to take the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/\" \/>\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=\"2020-04-16T13:45:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-12T11:35:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/01.jpg\" \/>\n<meta name=\"author\" content=\"Cameron Chapman\" \/>\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=\"Cameron Chapman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/\"},\"author\":{\"name\":\"Cameron Chapman\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/5bbd78382e713099f51b24d5713efb6a\"},\"headline\":\"20+ Useful Sketching and Prototyping Tools for Designers\",\"datePublished\":\"2020-04-16T13:45:22+00:00\",\"dateModified\":\"2021-04-12T11:35:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/\"},\"wordCount\":1058,\"commentCount\":75,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/useful-offline-utensils-and-toolkits-for-designers\\\/01.jpg\",\"keywords\":[\"Design Tools\",\"Web Designers\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/\",\"name\":\"20+ Sketching and Prototyping Tools for Designers (2021) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/useful-offline-utensils-and-toolkits-for-designers\\\/01.jpg\",\"datePublished\":\"2020-04-16T13:45:22+00:00\",\"dateModified\":\"2021-04-12T11:35:25+00:00\",\"description\":\"Most web designers work on their projects using software and digital resources like wireframes, mockups, and prototypes, etc. But if you want to take the\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/useful-offline-utensils-and-toolkits-for-designers\\\/01.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/useful-offline-utensils-and-toolkits-for-designers\\\/01.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/useful-offline-utensils-and-toolkits-for-designers\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"20+ Useful Sketching and Prototyping Tools for Designers\"}]},{\"@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\\\/5bbd78382e713099f51b24d5713efb6a\",\"name\":\"Cameron Chapman\",\"description\":\"Cameron is a professional Web and graphic designer with over 7 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She's also the author of Internet Famous: A Practical Guide to Becoming an Online Celebrity.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/cameron\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20+ Sketching and Prototyping Tools for Designers (2021) - Hongkiat","description":"Most web designers work on their projects using software and digital resources like wireframes, mockups, and prototypes, etc. But if you want to take the","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\/useful-offline-utensils-and-toolkits-for-designers\/","og_locale":"en_US","og_type":"article","og_title":"20+ Useful Sketching and Prototyping Tools for Designers","og_description":"Most web designers work on their projects using software and digital resources like wireframes, mockups, and prototypes, etc. But if you want to take the","og_url":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-04-16T13:45:22+00:00","article_modified_time":"2021-04-12T11:35:25+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/01.jpg","type":"","width":"","height":""}],"author":"Cameron Chapman","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Cameron Chapman","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/"},"author":{"name":"Cameron Chapman","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/5bbd78382e713099f51b24d5713efb6a"},"headline":"20+ Useful Sketching and Prototyping Tools for Designers","datePublished":"2020-04-16T13:45:22+00:00","dateModified":"2021-04-12T11:35:25+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/"},"wordCount":1058,"commentCount":75,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/01.jpg","keywords":["Design Tools","Web Designers"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/","url":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/","name":"20+ Sketching and Prototyping Tools for Designers (2021) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/01.jpg","datePublished":"2020-04-16T13:45:22+00:00","dateModified":"2021-04-12T11:35:25+00:00","description":"Most web designers work on their projects using software and digital resources like wireframes, mockups, and prototypes, etc. But if you want to take the","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/01.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/useful-offline-utensils-and-toolkits-for-designers\/01.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/useful-offline-utensils-and-toolkits-for-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"20+ Useful Sketching and Prototyping Tools for Designers"}]},{"@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\/5bbd78382e713099f51b24d5713efb6a","name":"Cameron Chapman","description":"Cameron is a professional Web and graphic designer with over 7 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She's also the author of Internet Famous: A Practical Guide to Becoming an Online Celebrity.","url":"https:\/\/www.hongkiat.com\/blog\/author\/cameron\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-1Tx","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/7287","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\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=7287"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/7287\/revisions"}],"predecessor-version":[{"id":49923,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/7287\/revisions\/49923"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=7287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=7287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=7287"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=7287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}