Wireframing and Prototyping are two different (related) activities. They are here together because many of the software that do one will do the other.<\/p>\n\n\n\n
Came on the market in 2017. This tool is designed to make wireframes and prototypes. Adobe seems to be continuously updating it. It is lacking in some of the features that let larger teams work through the entire process. Adobe is working to address these it seems and it closes some of the gaps with each update.<\/p>\n\n\n\n
INFO<\/strong> [visit Figma’s site<\/a>]This is designed first to be a a web app that goes from prototype to handoff to developers. This is one of the industry standards and widely used.<\/p>\n\n\n\n Figma Wireframe Template<\/a><\/p>\n\n\n\n INFO<\/strong> [visit Miro’s site<\/a>] Miro allows you to create a number of different types of diagrams and visualizations. Wireframes is one of them. They have a Wireframe Library<\/a> with headings, images. You can Watch the short demo video<\/a>. They also allow you to search for icons to add in. Miro is best for low fidelity (lo-fi) wireframes.<\/p>\n\n\n\n INFO<\/strong> [visit site<\/a>] This is the oldest of the apps that are here. It started off as kind of specialized vector tool that was similar to Illustrator or Fireworks (both of which many UX\/UI people were using when it came out) but gave the user many more tools to make actual interface elements that would go into a web site or mobile app.<\/p>\n\n\n\n INFO<\/strong> [visit Framer site<\/a>] This tool is designed to go from initial idea through prototype. It combines and interface like Adobe XD or Figma with ability to add smart components that give interactivity and motion. This allows for high fidelity (hi-fi) prototypes (beyond mockups) that look and function similar to the final product. There is a learning curve to get to this point.<\/p>\n\n\n\n COST: Free tier. You can use Google account to sign up or create a new account. Free tier allows up to 2 editors and 3 projects.<\/p>\n<\/div><\/div>\n\n\n\n visit Axure site<\/a> <\/p>\n\n\n\n [visit InVision site<\/a>] <\/p>\n\n\n\n visit site<\/a> Targeted at professionals. No free option. Designed to be all-in-one tool.<\/p>\n\n\n\n [visit site<\/a>] this is a free open-source tool that is either a Firefox add-on (all OS) or desktop app for macOS, Linux and Windows. visit site<\/a><\/p>\n\n\n\n … with help of templates\/add-ons<\/p>\n\n\n\n visit site<\/a><\/p>\n\n\n\n has free tier<\/p>\n\n\n\n visit site<\/a><\/p>\n\n\n\n [visit site<\/a>] There is a free tier<\/a>. Cloud accounts Costs money but tehre are short-term free accounts<\/a> for education.<\/p>\n","protected":false},"excerpt":{"rendered":" Wireframing and Prototyping are two different (related) activities. They are here together because many of the software that do one will do the other. Adobe XD Came on the market in 2017. This tool is designed to make wireframes and prototypes. Adobe seems to be continuously updating it. It is lacking in some of the… Continue reading Software for Wireframing and Prototyping<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[127,36],"tags":[128,37],"coauthors":[87],"class_list":["post-557","post","type-post","status-publish","format-standard","hentry","category-plan","category-ux","tag-software","tag-wireframe","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":" Wireframing and Prototyping are two different (related) activities. They are here together because many of the software that do one will do the other. Adobe XD Came on the market in 2017. This tool is designed to make wireframes and prototypes. Adobe seems to be continuously updating it. It is lacking in some of the features that let larger teams work through the entire process. Adobe is working to address these it seems and it closes some of the gaps with each update. INFOCost: Free if you have CUNY Adobe access: if you’re in this class you have free access.Platform:…<\/p>\n","category_list_v2":"Plan<\/a>, UX<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/author\/cstein\/"},"comments_num_v2":"1 comment","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Christopher Stein","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/author\/cstein\/"},"uagb_comment_info":1,"uagb_excerpt":"Wireframing and Prototyping are two different (related) activities. They are here together because many of the software that do one will do the other. Adobe XD Came on the market in 2017. This tool is designed to make wireframes and prototypes. Adobe seems to be continuously updating it. It is lacking in some of the……","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/comments?post=557"}],"version-history":[{"count":21,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/557\/revisions"}],"predecessor-version":[{"id":1686,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/557\/revisions\/1686"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/media?parent=557"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/categories?post=557"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/tags?post=557"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/coauthors?post=557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Cost<\/strong>: Free if you have CUNY Adobe access: if you’re in this class you have free access.
Platform<\/strong>: macOS, Windows. Desktop app only<\/p>\n\n\n\nFigma<\/h2>\n\n\n\n
Cost<\/strong>: there is a free tier with 3 projects. After that it is $12\/month and up
Platform<\/strong>: Web and macOS\/Windows Desktop app<\/a>s<\/p>\n\n\n\nMiro<\/h2>\n\n\n\n
Cost<\/strong>: free (there are paid plans but you don’t need them if you use 3 or fewer boards).
Platform<\/strong>: Web and macOS\/Windows desktop apps, and iOS, Android and Microsoft mobile apps. Visit the Miro Download page<\/a>.<\/p>\n\n\n\nSketch<\/h2>\n\n\n\n
Cost<\/strong>: $99
Platform<\/strong>: macOS only<\/p>\n\n\n\nComparison Articles<\/h2>\n\n\n\n
Other Software<\/h2>\n\n\n\n
Framer<\/h3>\n\n\n\n
Axure<\/h3>\n\n\n\n
InVision<\/h3>\n\n\n\n
UX Pin<\/h3>\n\n\n\n
Pencil Project<\/h3>\n\n\n\n
[downloads<\/a> and extension]<\/p>\n\n\n\nBalsamiq Mockups<\/h3>\n\n\n\n
Powerpoint and Keynote<\/h3>\n\n\n\n
Mockflow<\/h3>\n\n\n\n
Wireframe.cc<\/h3>\n\n\n\n
Mockplus Classic and Cloud<\/h3>\n\n\n\n