Sketch2Code - Turn hand-drawn design into a HTML with AI. By Microsoft.

A Custom Vision Model trained to perform object recognition against HTML hand drawn patterns is used to detect meaningful design elements into an image.

Add a comment

Replies

Best
Cool idea!
Great product
I would love to see this converted into a balsamiq style wireframe instead of code. I sketch faster on paper, but I usually like to convert it to balsamiq for stakeholder reviews.
This is definitely one of the best UI -> code tools out there but if you want to explore other alternatives, check this full list of AI-based tools to transform interface design mockups into ready-to-use UI code
I am bit skeptical of the need of this app. I mean there are so many UI/UX frameworks plus we don`t even use photoshop anymore, I design in code. If you look at burgundy.app all design was done in code. Its much easier to write code
This is really interesting especially for those who aren't as adept at computer design or simply prefer to use pen and paper. Im interested to see whether it can create a fluent perfectly spaced and sized design despite the obvious fluctuations and flaws in writing by hand.
Brilliant!
Isn’t this save as HTML from PowerPoint? :)

We put together a complete collection of laptop accessories to help you work smarter — from ergonomic stands and cooling pads to wireless input devices and cleaning kits. Ideal for students, professionals, and digital nomads.

Check it out:
🔗