Prototype Windows 10 app eliminates the napkin by turning sketches into code

Quickly capturing an idea on a paper napkin can lead to lucrative results, but what if those doodles could turn into lines of code? That is what a group of Microsoft Garage Project interns set out to create: A Windows 10 app that enables app designers to draw wireframe sketches and export them into Visual Studio. Simply called Ink to Code, Xamarin funded the project and joined by five additional interns from the Massachusetts Institute of Technology to join and help develop the first prototype app. 

The sponsoring team and interns were both motivated by a desire to modernize the brainstorming and prototyping process from using napkin and whiteboard sketches, to an experience that is more automated and cohesive with the Visual Studio suite,” Microsoft ‎Product Marketing Manager Lainie Huston said. 

The app is based on Windows 10’s Smart Ink feature injected into the Universal Windows Platform for Microsoft’s Creators Update, which relies on artificial intelligence to improve ink recognition. Of course, that means you need a Windows 10 device that supports Windows Ink and touch-based input, but with this setup, you won’t need to sift through 30 sketches to compile your final code-based design. 

But Ink to Code isn’t meant to completely generate your app from scratch. It merely accelerates the initial layout process by recognizing common design symbols to get you started. According to Huston, the app currently supports buttons, images, labels, text fields, and text paragraphs. It’s a digital canvas where designers and programmers can merge to hammer out ideas and speed up the overall development process. 

Windows 10 Ink to Code app

“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,” Huston adds. 

As stated, Ink to Code is just a prototype for now, and presumably only visible to Windows 10 devices with touch-based screens; the Microsoft Store didn’t display the linked app on our non-touch laptop. But as the demo video shows, you can use a supported stylus to roughly draw specific elements of the app, such as its rectangular border, an image placement box, a text input field, and so on. The app turns all hand-drawn shapes into perfect lines and circles for a clean look without any manual coding involved. 

Microsoft first introduced Smart Ink in May 2017. Part of the platform is Ink Analysis that recognizes shapes and understands composition, such as text residing inside a roughly drawn rectangle. Ink Presenter collects all the strokes, and Direct Ink deals with rendering the strokes with digital ink. 

“Our goal is to understand user intent and empower developers to turn it into rich digital constructs, as well as to leverage understanding from all parts of the system,” the company says. 

Microsoft introduced similar technology to Sticky Notes with the release of Anniversary Update (Redstone 1) in August 2016. 

Emerging Tech

How emotion-tracking A.I. will change computing as we know it

Affectiva is just one of the startups working to create emotion-tracking A.I. that can work out how you're feeling. Here's why this could change the face of computing as we know it.
Mobile

Samsung says the Galaxy Fold needs more improvements before it's released

The Samsung Galaxy Fold has arrived, and it goes on sale soon. Folding out from a 4.6-inch display to a tablet-sized 7.3-inch display, this unique device has six cameras, two batteries, and special software to help you use multiple apps.
Computing

Online passwords: Research confirms millions of people are using 123456

According to recent analysis of data caught up in cyber attacks, millions of people are continuing to use super-simple passwords, with 123456 topping the list of easy-to-crack codes.
Computing

MacOS update may include external display support for iPads

Apple's upcoming MacOS is rumored to include a new native external display support feature. Code-named "Sidecar" the new feature is expected to allow MacOS computers to send app windows to external displays like iPads.
Computing

Here's how you can download the best free music players for your Mac

Tired of your Mac's default music player? Take a look at our picks for the best free music players available for your Apple rig. Whether you're a casual listener or an audiophile, you're sure to find something that fits your needs here.
Computing

Want to make calls across the internet for less? Try these great VOIP services

Voice over IP services are getting more and more popular, but there are still a few that stand above the pack. In this guide, we'll give you a few options for the best VOIP services for home and business users.
Computing

AMD’s 2020 Ryzen CPUs could have a big boost in power efficiency

The sequel to AMD's Zen 2-based Ryzen 3000 CPUs is slated for a 2020 release and when it arrives, could leverage the new Zen 3 architecture to deliver impressive gains to performance and power efficiency.
Gaming

Transform into the ultimate leader with our tips and tricks for Civilization 6

Civilization VI offers both series veterans and total newcomers a lot to chew on from the get-go. Here are some essential starting tips to help you master the game's many intricacies.
Computing

The iPhone’s Screen Time and Siri Shortcuts could land on Macs this year

For its desktop computers, it appears that Apple may continue to draw from the iPhone for inspiration. iOS 12 features, like Screen Time and Siri Shortcuts, are believed to be making their way to MacOS this year at WWDC in June.
Computing

Dell slashes prices of XPS 13 and Alienware 17 laptops in latest promo

Dell's latest promotion will score you big savings on the XPS 13 or the Alienware 17. The stylish XPS 13's discount is for $430, and only the rose gold model is on sale, while gamers who choose the Alienware 17 will save $860.
Computing

Lenovo’s Yoga C930 sale drops a $650 discount on its 2TB SSD laptop

Lenovo is offering one of its 2-in-1 laptops at a $650 discount. This Lenovo Yoga C930 laptop comes with a 2TB solid-state drive, a digital pen, a fingerprint reader, and a Dolby Atmos sound bar.
Computing

You won't want to miss these deals on some of the best laptops around

Whether you need a new laptop for school or work or you're just doing some post-holiday shopping, we have you covered: These are the best laptop deals going right now, from discounted MacBooks to on-the-go gaming PCs.
Deals

The best Amazon Prime Day 2019 deals: Everything you need to know

Amazon Prime Day 2019 is still a few months off, but it's never too early to start preparing. We've been taking a look at the best discounts from previous Prime Days to give you our predictions of what to expect this year.
Computing

These business machines can rival any consumer laptop in style and function

These laptops have the reliability, performance, and battery life you need whether you're at your desk or flying across the country for a meeting, letting you to revel in a function-first approach.