Sketch2Code

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

PreviousNext

OR

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.