Sketch2Code
Product information, use cases, and access for Sketch2Code.
Pricing information
No verified public pricing is available yet.
DevPrice organizes public information and does not sell Sketch2Code subscriptions. Prices and availability are determined by Sketch2Code.
What is Sketch2Code?
Sketch2Code is an open-source project from Microsoft AI Lab for developers who want to turn hand-drawn wireframes into webpage code. It uses artificial intelligence and automation to identify webpage elements in a sketch and produce corresponding HTML source code.
The tool infers the page layout from the positions of the recognized elements, then assembles those observations into a code result that can be exported and continued as a development draft. Its documented scope includes basic visual elements such as labels, text fields, text paragraphs, images, and buttons, making it suited to early interface concepts and simple webpage prototypes.
Key features of Sketch2Code
Recognize sketch elements
It analyzes a hand-drawn wireframe with artificial intelligence and automation to identify basic webpage elements such as labels, text fields, images, and buttons.
Infer page layout
It uses the positions of recognized elements in the sketch to infer a page layout and organize separate visual marks into a webpage structure.
Generate HTML code
It combines the detected elements and inferred layout into HTML code snippets, helping turn a wireframe design into a draft that developers can continue working on.
Export source code
The converted result can be exported as source code, allowing developers to inspect the generated output and continue using it during subsequent webpage development.