{"id":27477,"date":"2017-03-31T11:55:41","date_gmt":"2017-03-31T09:55:41","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=27477"},"modified":"2017-05-22T12:03:21","modified_gmt":"2017-05-22T10:03:21","slug":"the-20-best-wireframe-tools","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2017\/03\/31\/the-20-best-wireframe-tools\/","title":{"rendered":"The 20 best wireframe tools"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/03\/wireframe.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"27479\" data-permalink=\"https:\/\/mamchenkov.net\/wordpress\/2017\/03\/31\/the-20-best-wireframe-tools\/wireframe\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/03\/wireframe.png?fit=535%2C365&amp;ssl=1\" data-orig-size=\"535,365\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"wireframe\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/03\/wireframe.png?fit=535%2C365&amp;ssl=1\" class=\"aligncenter size-medium wp-image-27479\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/03\/wireframe-500x341.png?resize=500%2C341&#038;ssl=1\" alt=\"\" width=\"500\" height=\"341\" srcset=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/03\/wireframe.png?resize=500%2C341&amp;ssl=1 500w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/03\/wireframe.png?w=535&amp;ssl=1 535w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Creative Bloq lists <a href=\"http:\/\/www.creativebloq.com\/wireframes\/top-wireframing-tools-11121302\">20 best wireframe tools<\/a>. \u00a0The selection varies from free, through cheap, to expensive, and covers web-based, desktop, and mobile solutions. \u00a0Quite handy for those of us not involved in web design on a daily basis, but needing a <a href=\"https:\/\/mamchenkov.net\/wordpress\/2017\/02\/11\/sketch-wireframe-mockup\/\">sketch \/ mockup \/ wireframe<\/a> tool once in a while.<\/p>\n<p>The list includes the following:<\/p>\n<ol>\n<li><a href=\"https:\/\/wireframe.cc\/\">Wireframe.cc<\/a><\/li>\n<li><a href=\"https:\/\/moqups.com\/\">Moqups<\/a><\/li>\n<li><a href=\"https:\/\/www.uxpin.com\/\">UXPin<\/a><\/li>\n<li><a href=\"https:\/\/www.fluidui.com\/\">Fluid UI<\/a><\/li>\n<li><a href=\"http:\/\/www.balsamiq.com\/products\/mockups\">Balsamiq Mockups<\/a><\/li>\n<li><a href=\"http:\/\/www.axure.com\/\">Axure<\/a><\/li>\n<li><a href=\"http:\/\/pidoco.com\/\">Pidoco<\/a><\/li>\n<li><a href=\"http:\/\/visio.microsoft.com\/\">Visio<\/a> (surprise, surprise)<\/li>\n<li><a href=\"http:\/\/www.adobe.com\/products\/indesign.html\">InDesign CC<\/a><\/li>\n<li><a href=\"http:\/\/www.adobe.com\/uk\/products\/photoshop\">Photoshop CC<\/a>\u00a0(no surprise)<\/li>\n<li><a href=\"http:\/\/www.protoshare.com\/\">Photoshare<\/a><\/li>\n<li><a href=\"http:\/\/evernote.com\/penultimate\">Penultimate<\/a><\/li>\n<li><a href=\"http:\/\/pencil.evolus.vn\/Default.html\">Pencil Project<\/a><\/li>\n<li><a href=\"https:\/\/www.omnigroup.com\/omnigraffle\/\">OmniGraffle<\/a><\/li>\n<li><a href=\"http:\/\/www.gliffy.com\/\">Gliffy<\/a><\/li>\n<li><a href=\"http:\/\/www.mockflow.com\/\">MockFlow<\/a><\/li>\n<li><a href=\"http:\/\/framebox.org\/\">Frame Box<\/a><\/li>\n<li><a href=\"http:\/\/www.flairbuilder.com\/\">FlairBuilder<\/a><\/li>\n<li><a href=\"http:\/\/www.justinmind.com\/\">Justinmind<\/a><\/li>\n<li><a href=\"http:\/\/www.hotgloo.com\/\">HotGloo<\/a><\/li>\n<\/ol>\n<p><strong>Update (May 22, 2017)<\/strong>: Also, have a look at <a href=\"http:\/\/codingsans.com\/blog\/mockup-tools\">this list of mockup tools<\/a>.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>&nbsp; Creative Bloq lists 20 best wireframe tools. \u00a0The selection varies from free, through cheap, to expensive, and covers web-based, desktop, and mobile solutions. \u00a0Quite handy for those of us not involved in web design on a daily basis, but needing a sketch \/ mockup \/ wireframe tool once in a while. The list includes &hellip; <a href=\"https:\/\/mamchenkov.net\/wordpress\/2017\/03\/31\/the-20-best-wireframe-tools\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">The 20 best wireframe tools<\/span><\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"The 20 best wireframe tools #WebDesign #WebWork #WebDev #mobile #design","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},"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[1141,930,1157,1330],"keyring_services":[],"class_list":["post-27477","post","type-post","status-publish","format-standard","hentry","category-general","category-technology","category-web-work","tag-mobile","tag-sketch","tag-web-design","tag-web-development"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":27329,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/02\/11\/sketch-wireframe-mockup\/","url_meta":{"origin":27477,"position":0},"title":"Sketch, wireframe, mockup","author":"Leonid Mamchenkov","date":"February 11, 2017","format":false,"excerpt":"I think this image is probably the best explanation I've ever seen of the difference between sketches, wireframes, and mockups. \u00a0It comes from this article.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/02\/sketch-wireframe-mockup-500x367.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":22903,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/11\/17\/mockflow-super-easy-wireframing\/","url_meta":{"origin":27477,"position":1},"title":"MockFlow &#8211; super easy wireframing","author":"Leonid Mamchenkov","date":"November 17, 2014","format":"link","excerpt":"MockFlow - super easy wireframing","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"wireframe","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/11\/wireframe_promo-500x292.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":22219,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/18\/interface-sketch\/","url_meta":{"origin":27477,"position":2},"title":"Interface sketch","author":"Leonid Mamchenkov","date":"July 18, 2014","format":"link","excerpt":"Interface sketch - if you're designing a website or app, these simple templates are designed to help you sketch your ideas on paper.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"web browser template","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/07\/web-browser-template-500x285.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":24774,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/28\/on-responsive-images\/","url_meta":{"origin":27477,"position":3},"title":"On responsive images","author":"Leonid Mamchenkov","date":"September 28, 2015","format":false,"excerpt":"Toptal runs the article \"One Size Fits Some: A Guide to Responsive Web Design Image Solutions\", which discusses one of the trickiest problems of today's web design and development - responsive images. \u00a0They cover several tools and approaches - from HTML5 elements to on-the-fly image resizing and source shuffling. Much\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"responsive images","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/09\/responsive-images-500x500.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":9565,"url":"https:\/\/mamchenkov.net\/wordpress\/2005\/10\/12\/daily-del-icio-us-bookmarks\/","url_meta":{"origin":27477,"position":4},"title":"Daily del.icio.us bookmarks","author":"Leonid Mamchenkov","date":"October 12, 2005","format":false,"excerpt":"Let's start with a few Google-related links: \"google current\" - Google Video -- 3 minute video news every 30 minutes Tagged as: google news tv video gHacks.net -- Search Engine Secrets revealed Tagged as: blog google howto internet search tips tools tricks web GmailTime.com -- Free Gmail inviter Tagged as:\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":21850,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/05\/22\/principles-of-mobile-site-design-delight-users-and-drive-conversions\/","url_meta":{"origin":27477,"position":5},"title":"Principles of Mobile Site Design: Delight Users and Drive Conversions","author":"Leonid Mamchenkov","date":"May 22, 2014","format":"link","excerpt":"Principles of Mobile Site Design: Delight Users and Drive Conversions","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/27477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=27477"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/27477\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=27477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=27477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=27477"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=27477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}