Sketch2Code uses AI to convert hand-drawn drawings into HTML files. You just need to come up with an idea for a design form. Then Upload to Sketch2Code, your hand-drawn design will be analyzed by artificial intelligence into complete HTML code for you. You don’t have to type every line of code to create a half HTML file.

Usually, before releasing a product, you have to design a template on paper or board. For example, the Website interface, the form to fill in the information… After you have the design template, you will compile it into HTML code to work on the Web. This wastes time in the process of perfecting your product.

What is Computer Vision?

Microsoft used Computer Vision to build a system that understands what a designer has drawn, and then translates that understanding into HTML code. This way you can generate HTML code directly from hand drawn images. Artificial intelligence can self-learn models to detect HTML objects, then use text recognition to extract handwritten text in the design. By combining object and text, Sketch2Code can create paragraphs HTML of different design interfaces

Computer Vision is a subject that belongs to artificial intelligence. This method gives the application the ability to see and understand what it is seeing. Using Microsoft’s Cognitive Services, you can teach computers to understand and analyze millions of images to analyze and recognize different objects.

For Sketch2CodeMicrosoft has created a child WHO capable of recognizing web design elements as textboxes or buttons. Microsoft used the handwriting recognition function included in Computer Vision to extract text to text on the computer. By combining design elements and extracted content, Sketch2Code can generate HTML code snippets. The AI ​​can then infer the layout of the design from the positions of the defined elements and generate the complete HTML code.

Perhaps this is a Microsoft product that competes with artificial intelligence Quick, Draw by Google.

How to use Sketch2Code to convert hand drawings into HTML files

To use Sketch2Code convert design drawings into HTML code, you can access the page Sketch2Code by Microsoft. This is a Demo of AI in the field of Computer Vision.

Step 1: Draw a sketch of the interface you will prepare Code

Step 2: You can use your phone to take a picture of the sketch, or scan it into an image file

Step 3: Access to Sketch2Code page by Microsoft.

Step 4: Click the button UPLOAD DESIGN or if you’re on a phone, choose TAKE A PICTURE to upload your sketch.

Step 5: You wait a moment, Sketch2Code will automatically convert to HTML code for you. You can click the . button DOWNLOAD YOUR CODE to download the HTML file and edit it as you like.

It can be said that artificial intelligence is getting smarter, and human life is easier. You don’t need to type every line of code to create a half-website interface. Sketch2Code will help you convert your hand-drawn design into a complete HTML file. You can save hours in designing your Website.