Microsoft AI Labs has introduced an AI-based web design tool called Sketch2Code that has the capability to automagically transform a hand-drawn webpage mockups (a sketch on a whiteboard) into a fully-functional HTML code.

For a long time now, a number of drag-and-drop website building softwares have been capable of much the same thing, allowing the users / developers to place preset and custom-designed objects onto a digital workspace in order to generate a working and functional code. But not many of them are AI-based. In fact, this could very well be the first successful use of Machine Learning to come up with a really smart automatic code creation tool.

This could mean that in the long-run, these AI-based intelligent tools will try to move the web designers into quality assurance.

“Once you have drawn these wireframes on a whiteboard, you can take a picture using the web app and then the web app would send that information to the AI service,” says Tara Shankar Jana, a Senior Product Manager at the Microsoft AI, while talking about the tech in a video. “The AI service then runs those images against the prebuilt AI model and then creates an HTML codebase followed by a resulting app.”

The tool generates the code in HTML (Hyper-Text Markup Language), XAML (Extensible Application Markup Language) and UWP (Universal Windows Platform) format.

Here’s the link to Sketch2Code for you. Go ahead and experience this amazing utility now.