{"id":4400,"date":"2018-01-25T06:00:26","date_gmt":"2018-01-25T14:00:26","guid":{"rendered":"http:\/\/www.microsoft.com\/garage-en-us\/?p=4400"},"modified":"2019-06-12T15:48:14","modified_gmt":"2019-06-12T22:48:14","slug":"napkin-disrupted-meet-ink-code-microsoft-garage-project","status":"publish","type":"post","link":"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/","title":{"rendered":"The napkin disrupted: meet Ink to Code, a Microsoft Garage project"},"content":{"rendered":"<p>Urban legend has it that some of the greatest ideas in history started with a napkin. The Gettysburg Address, the poem that gave way to the U.S. National Anthem, and the premise of the Harry Potter series\u2014each were reportedly born into the world through the medium of sketches on scrap paper\u2014and when app creators put pen to paper for their ideas, this is often a canvas of choice. While rapid prototyping with the napkin and the whiteboard holds its charms, less charming is the prospect of translating quick sketches into working code.<\/p>\n<p>Last summer, a group of Garage interns tackled this problem by creating a prototype of their own: meet <a href=\"https:\/\/aka.ms\/geti2c\">Ink to Code, a Microsoft Garage project<\/a>, now available in the United States and Canada. <a href=\"https:\/\/www.microsoft.com\/en-us\/garage\/profiles\/ink-to-code\/\">Ink to Code<\/a> is a Windows app that enables developers to draw wire frame sketches and export them into Visual Studio, expediting the process of prototyping Universal Windows Platform (UWP) and Android user interfaces.<\/p>\n<p>The Garage Internship takes a unique, entrepreneurial spin on the traditional big tech model; rather than embedding with a full-time organization, students work in groups of 5-6 as a distinct team, building their own, standalone project. Microsoft product groups vie for intern teams to work on proposed projects by pitching opportunities to interns at the start of the internship. This summer at the <a href=\"http:\/\/microsoftnewengland.com\/About\">Microsoft New England Research and Development<\/a> facility (fondly known as NERD) located in Cambridge, MA, 7 interns found their passion in the pitch for Ink to Code and signed up to work with the Xamarin team sponsoring the idea. 5 more interns studying at MIT joined the Garage this January to continue working on the project.<\/p>\n<h2>Building a Better Napkin<\/h2>\n<figure id=\"attachment_4412\" aria-describedby=\"caption-attachment-4412\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4412\" src=\"\/wp-content\/uploads\/2018\/01\/Ink-to-Code-Guide-Screenshot-3-1024x653.png\" alt=\"Ink to Code Guide Feature Screenshot\" width=\"828\" height=\"528\" \/><figcaption id=\"caption-attachment-4412\" class=\"wp-caption-text\">Ink to Code captures sketches of basic visual elements and translates them into the beginnings of an app in Visual Studio<\/figcaption><\/figure>\n<p>The sponsoring team and interns were both motivated by a desire to modernize the brainstorming and prototyping process from using napkin and white board sketches, to an experience that is more automated and cohesive with the Visual Studio suite. \u201cWe&#8217;ve all been in that situation as developers,\u201d notes Alex Corrado, a Senior Software Engineer on the Xamarin Designer team, and one of the originators of the project. \u201cGetting your ideas for a new app or feature onto paper is one of the fastest, most natural parts of the brainstorming process. But then, you ultimately need to turn that sketch into code and sooner than you know it, 10, 20, 30 iterations of a sketch really add up.\u201d The team turned to the Smart Ink built into UWP to preserve the natural desire to sketch, while bridging the gap between analog and digital with a companion app for Visual Studio. In the Windows 10 Fall Creators Update, Smart Ink improves ink recognition with AI. The Ink to Code team leveraged this machine learning technology to save months on development time.<\/p>\n<p><a href=\"https:\/\/www.microsoft.com\/en-us\/garage\/profiles\/ink-to-code\/\">Ink to Code translates common design symbols<\/a> into the beginnings of an app in Visual Studio. The first version supports basic app visual elements including labels, text fields, text paragraphs, images, and buttons. While Ink to Code can\u2019t bring a full app vision to life, it significantly cuts down on creating the basic foundation of the app with the power of automation. Perhaps even more valuable is the way it enables developers and designers to collaborate differently. Ink to Code can be used as a more productive canvas in brainstorm meetings, or even more significantly, as a tool that can bridge the gap between collaborators with different levels of design or technical knowledge.<\/p>\n<h2>A Prototype for Prototypes<\/h2>\n<p>A core part of the Garage intern experience is conducting customer development and research, and the Ink to Code team worked with internal developers and designers to get feedback on their prototype. Today, the sponsoring Xamarin team releases the app to drastically expand the pool of feedback. Alex also shares, \u201cOur goal is to <a href=\"https:\/\/aka.ms\/geti2c\">hear from a wide variety of app creators<\/a>, so we know what people like most and what we should add.&#8221;<\/p>\n<p>\u201cDevelopers are crazy diverse, and no experience could serve them 100% on day 1, but their feedback can help us get closer, faster,&#8221; adds George Matthews a Senior Program Manager in the Garage as well as a key originator of Ink to Code. The gut reaction of any app creator is to make sure your project is polished and perfect before shipping it, especially when releasing to an audience of your developer peers. The Ink to Code team is embracing the mindset of getting feedback early, and developing with the customer and for the customer.<strong>\u00a0<\/strong> George continues, &#8220;The feedback from our first customers will really help us stack rank our backlog.&#8221;<\/p>\n<p>To check out Ink to Code and feed into the future direction of the project, download it at the <a href=\"https:\/\/aka.ms\/geti2c\">Microsoft Store<\/a> and share your thoughts via in-app feedback or <a href=\"https:\/\/aka.ms\/i2cfeedback\">UserVoice<\/a>. Ink to Code is best with <a href=\"https:\/\/www.visualstudio.com\/vs\/whatsnew\/\">Visual Studio 2017<\/a>.<\/p>\n<p>Get a step-by-step tutorial on the Xamarin Blog, <a href=\"https:\/\/blog.xamarin.com\/draw-next-app-idea-ink-code\/\">Draw your Next App Idea with Ink to Code<\/a> or see in action on the\u00a0 <a href=\"https:\/\/youtu.be\/0xSnzh0pm5s\">YouTube video<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Urban legend has it that some of the greatest ideas in history started with a napkin. The Gettysburg Address, the poem that gave way to the U.S. National Anthem, and the premise of the Harry Potter series\u2014each were reportedly born into the world through the medium of sketches on scrap paper\u2014and when app creators put pen to paper for their<span class=\"read-more-ellipsis\">&#8230;.<\/span><\/p>\n <p class=\"c-paragraph-3 read-more-link\"><a class=\"c-call-to-action c-glyph f-lightweight\" href=\"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/\">CONTINUE READING <span class=\"x-screen-reader\">\"The napkin disrupted: meet Ink to Code, a Microsoft Garage project\"<\/span><\/a><\/p>","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,4],"tags":[11,42,41,44,35,39,40,38,37,36],"class_list":["post-4400","post","type-post","status-publish","format-standard","hentry","category-garage-interns","category-garage-projects","tag-ai","tag-cambridge","tag-garage-internship","tag-garage-projects","tag-ink-to-code","tag-inking","tag-nerd","tag-surface","tag-uwp","tag-windows"],"acf":[],"yoast_head":"<title>The napkin disrupted: meet Ink to Code, a Microsoft Garage project | Microsoft Garage<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The napkin disrupted: meet Ink to Code, a Microsoft Garage project | Microsoft Garage\" \/>\n<meta property=\"og:description\" content=\"Urban legend has it that some of the greatest ideas in history started with a napkin. The Gettysburg Address, the poem that gave way to the U.S. National Anthem, and the premise of the Harry Potter series\u2014each were reportedly born into the world through the medium of sketches on scrap paper\u2014and when app creators put pen to paper for their....\" \/>\n<meta property=\"og:url\" content=\"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Garage\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-25T14:00:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-12T22:48:14+00:00\" \/>\n<meta name=\"author\" content=\"Lainie Huston\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MSFTGarage\" \/>\n<meta name=\"twitter:site\" content=\"@MSFTGarage\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lainie Huston\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/\",\"url\":\"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/\",\"name\":\"The napkin disrupted: meet Ink to Code, a Microsoft Garage project | Microsoft Garage\",\"isPartOf\":{\"@id\":\"http://approjects.co.za/?big=en-us/garage\/#website\"},\"datePublished\":\"2018-01-25T14:00:26+00:00\",\"dateModified\":\"2019-06-12T22:48:14+00:00\",\"author\":{\"@id\":\"http://approjects.co.za/?big=en-us/garage\/#\/schema\/person\/1f5ff4897f1e406938b50553869caa08\"},\"breadcrumb\":{\"@id\":\"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http://approjects.co.za/?big=en-us/garage\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The napkin disrupted: meet Ink to Code, a Microsoft Garage project\"}]},{\"@type\":\"WebSite\",\"@id\":\"http://approjects.co.za/?big=en-us/garage\/#website\",\"url\":\"http://approjects.co.za/?big=en-us/garage\/\",\"name\":\"Microsoft Garage\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http://approjects.co.za/?big=en-us/garage\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"http://approjects.co.za/?big=en-us/garage\/#\/schema\/person\/1f5ff4897f1e406938b50553869caa08\",\"name\":\"Lainie Huston\",\"url\":\"http://approjects.co.za/?big=en-us/garage\/blog\/author\/lainie\/\"}]}<\/script>","yoast_head_json":{"title":"The napkin disrupted: meet Ink to Code, a Microsoft Garage project | Microsoft Garage","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":"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/","og_locale":"en_US","og_type":"article","og_title":"The napkin disrupted: meet Ink to Code, a Microsoft Garage project | Microsoft Garage","og_description":"Urban legend has it that some of the greatest ideas in history started with a napkin. The Gettysburg Address, the poem that gave way to the U.S. National Anthem, and the premise of the Harry Potter series\u2014each were reportedly born into the world through the medium of sketches on scrap paper\u2014and when app creators put pen to paper for their....","og_url":"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/","og_site_name":"Microsoft Garage","article_published_time":"2018-01-25T14:00:26+00:00","article_modified_time":"2019-06-12T22:48:14+00:00","author":"Lainie Huston","twitter_card":"summary_large_image","twitter_creator":"@MSFTGarage","twitter_site":"@MSFTGarage","twitter_misc":{"Written by":"Lainie Huston","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/","url":"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/","name":"The napkin disrupted: meet Ink to Code, a Microsoft Garage project | Microsoft Garage","isPartOf":{"@id":"http://approjects.co.za/?big=en-us/garage\/#website"},"datePublished":"2018-01-25T14:00:26+00:00","dateModified":"2019-06-12T22:48:14+00:00","author":{"@id":"http://approjects.co.za/?big=en-us/garage\/#\/schema\/person\/1f5ff4897f1e406938b50553869caa08"},"breadcrumb":{"@id":"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/"]}]},{"@type":"BreadcrumbList","@id":"http://approjects.co.za/?big=en-us/garage\/blog\/2018\/01\/napkin-disrupted-meet-ink-code-microsoft-garage-project\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http://approjects.co.za/?big=en-us/garage\/"},{"@type":"ListItem","position":2,"name":"The napkin disrupted: meet Ink to Code, a Microsoft Garage project"}]},{"@type":"WebSite","@id":"http://approjects.co.za/?big=en-us/garage\/#website","url":"http://approjects.co.za/?big=en-us/garage\/","name":"Microsoft Garage","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http://approjects.co.za/?big=en-us/garage\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"http://approjects.co.za/?big=en-us/garage\/#\/schema\/person\/1f5ff4897f1e406938b50553869caa08","name":"Lainie Huston","url":"http://approjects.co.za/?big=en-us/garage\/blog\/author\/lainie\/"}]}},"_links":{"self":[{"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/posts\/4400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/comments?post=4400"}],"version-history":[{"count":0,"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/posts\/4400\/revisions"}],"wp:attachment":[{"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/media?parent=4400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/categories?post=4400"},{"taxonomy":"post_tag","embeddable":true,"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/tags?post=4400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}