Directly convert your hand-drawn page sketch to HTML code with Sketch2Code
What is Sketch2Code?
Sketch2Code is a software that uses AI to transform a handwritten user interface design from a picture to a valid HTML markup code.
How to use Sketch2Code
Firstly think about any page design and draw it into the page.
Example: Here I have created a Sign-Up form page.
Open Sketch2Code website https://sketch2code.azurewebsites.net/.
You can upload the handmade design by clicking on the Upload Design button.
Here Sketch is ready to use, you can download the HTML by clicking on ‘Download your HTML Code.
01: Detect Design Patterns
A Custom Vision Model trained to perform object recognition against HTML hand-drawn patterns are used to detect meaningful design elements into an image.
02: Understand handwritten text
Each detected element is passed through a Text Recognition Service to extract handwritten content.
03: Understand Structure
The information of the detected objects and their position inside the image is feed into an algorithm that generates underlying structure.
04: Build HTML
A valid HTML is generated accordingly to the detected layout containing the detected design elements.
Thank You 🙂