Sketch 2 Code
Transform any hands-drawn design into a HTML code with AI.
Use a sample from gallery or upload your own design
Experiment Workflow
01
Detect Design Patterns
A Custom Vision Model trained to perform object recognition against HTML hand drawn patterns is 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.
