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 it to Sketch2Code, your hand-drawn design will be analyzed by artificial intelligence into complete HTML code for you. You don't need to type each line of code to create an HTML file anymore.
| Join the channel Telegram belong to AnonyViet 👉 Link 👈 |
Normally, before releasing a product, you have to design a sample on paper or board. For example, a website interface, a form to fill in information, etc. After having a design, you will compile it into HTML code to operate on the Web. This takes time in the process of completing your product.
What is Computer Vision?
Microsoft has used Computer Vision to build a system that understands what a designer has drawn, then translates that understanding into HTML code. This way, you can generate HTML code directly from hand-drawn images. Artificial intelligence can learn models to detect HTML objects, then use text recognition to extract handwritten text from the design. By combining objects and text, Sketch2Code can create segments HTML of different design interfaces
Computer Vision is a branch of artificial intelligence. It gives an application the ability to see and understand what it sees. Using Microsoft Cognitive Services, you can teach computers to understand and analyze millions of images to analyze and recognize different objects.
For Sketch2CodeMicrosoft has created a WHO capable of recognizing web design elements such as textboxes or buttons. Microsoft has used the handwriting recognition functionality included in Computer Vision to extract text into words on the computer. By combining the design elements and the extracted content, Sketch2Code can generate HTML code snippets. The AI can then infer the layout of the design from the positions of the identified elements and generate the complete HTML code.
Perhaps this is Microsoft's take on artificial intelligence. Quick, Draw of Google.
How to use Sketch2Code to convert hand drawn drawings to HTML files
To use Sketch2Code convert design drawings into HTML code, you can access the page Sketch2Code by Microsoft. This is a Demo about AI in the field of Computer Vision.
Step 1: Draw a sketch of the interface you are going to code on paper.
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 of Microsoft.
Step 4: Click the button UPLOAD DESIGN or if you are using a phone then select TAKE A PICTURE to upload your sketch.
Step 5: You wait a moment, Sketch2Code will automatically convert into HTML code for you. You can click on the button DOWNLOAD YOUR CODE to download the HTML file and edit it as you wish.
It can be said that artificial intelligence is getting smarter, human life is getting easier. You don't need to type each line of code to create a website interface anymore. Sketch2Code will help you convert your hand-drawn design into a complete HTML file. You can save hours in designing your website.
