1 UPLOAD DESIGN
2 SKETCH2CODE IS AT WORK!
3 DOWNLOAD YOUR HTML

Sketch 2 Code

Transform any hands-drawn design into a HTML code with AI.

Use a sample from gallery or upload your own design

Take a picture

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. 

Detect Design Patterns
Understand handwritten text
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.

Understand Structure
Understand handwritten text
04
Build HTML

A valid HTML is generated accordingly to the detected layout containing the detected design elements.

Logo web