How to transform a hands-drawn design into HTML code: Microsoft AI

What is Microsoft AI Sketch2Code?

Sketch2Code😊. Yeah you got it right. Just upload the sketch and get spit out version of your HTML code using Microsoft AI.

Workflow of Microsoft AI

1. Detect Design Patterns

2. Understand handwritten text

3. Understand Structure

4. Build HTML

How to use it?

1. Go to site https://sketch2code.azurewebsites.net/

2. Click on “Upload Design” or “Use this sample” for try

3. Wait for transformating process and you will get predicted object details showing most possible design and a button for downloading HTML code

Sample

Fig:- Transformed HTML Design Sample

Below image is for understanding the internal working of Sketch2Code

Source:- Microsoft

Follow Us on Instagram @Python.Learning