Sketch2Code - Turn hand-drawn design into a HTML with AI. By Microsoft.
byβ’
A Custom Vision Model trained to perform object recognition against HTML hand drawn patterns is used to detect meaningful design elements into an image.
Great stuff! Seen Microsoft just releasing something similar!
Report
@blockfacts This literally is Microsoft. You can even see it in the screenshots π
Report
Unless this produces perfect, no-fluff HTML, it's better to just code it yourself. I mean, you're going to create custom class names anyway so how much time is this really saving? For those that hate layout, you can learn CSS Grid in an afternoon, which makes layout easy, and even visual with 'grid-template-areas'.
Also, this link is currently dead.
Report
Hey @titusdecali, i reached out the Sketch2code team just in case - the experiment seems to work now. Happy holidays!
@erikfiala totally! Pretty sure UI Izard used the original sketch 2 code paper like 4-5 years ago. This Microsoft version is old. Curious to how it got to the top.
@erikfiala@_nathanieldavis Indeed I am also surprised to see this on ProductHunt only now π€ This Microsoft Azure marketing project is from August 2018... @_nathanieldavis you are absolutely correct about the fact that the product we are building at Uizard is built on top of our pix2code research paper from 2017 π
I really like AI products that can make life easier. it works well for early stages of a new product that need to be tested in a real environment
Thanks fo rhat
Report
Erik Fiala uizard is in beta, but protoHQ is, apparently the first launched on the. So I'm waiting after uizard to compare. I'm wondering how big players like invision, webflow & framer X will react to this push from newcomers ?
This is really cool for fast & iterative early design work, and I especially like that they've included the resources to learn how to build it yourself.
Replies
BlockFacts
TikTok Super Tool
Raycast
Bootstrap Design
Miro
Hengam
Lavender