Subscribe
Sign in
Start new thread
Surface Laptop 5
p/surface-laptop-5
Microsofts latest Surface laptop
Visit Product
NaveenKumar Namachivayam
Sketch2Code — Turn hand-drawn design into a HTML with AI. By Microsoft.
Featured
27
•
A Custom Vision Model trained to perform object recognition against HTML hand drawn patterns is used to detect meaningful design elements into an image.
Replies
William M. Ballance
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.
Steven Sinofsky
Isn’t this save as HTML from PowerPoint? :)
Jordi Cabot
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 https://modeling-languages.com/a...
Dexter
this seems less like a solution for designers and more like a way to avoid just writing clean CSS again.
Ícaro Harry
This is so Microsoft 😂 https://imgur.com/5toWduT
Nate Davis
@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.
Tony Beltramelli
@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 😉
Erik Fiala
I think Uizard is way ahead of this.
Chris Messina
Top Hunter
@erikfiala 💯
Titus Decali
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.
Gia Bat
Hey @titusdecali, i reached out the Sketch2code team just in case - the experiment seems to work now. Happy holidays!
Arthur
@titusdecali I think it's meant for non-technical people.
Feng
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.
Nate Heath
How did this get 475 upvotes with so few comments? Are people really still using HTML?
Jas Singh
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
Subhro Sengupta
Great product
Pythagoras
Yes, let's rejoice to the fact that ai is a step closer to stealing the jobs of web designer.
David Gay
@wisepythagoras I don't remember Pythagoras saying this.
Gustav Christopher Wagner
Great stuff! Seen Microsoft just releasing something similar!
Erik Fiala
@blockfacts This literally is Microsoft. You can even see it in the screenshots 😂
Refugio Garcia
Brilliant!
Mahshid Hadadi
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
Pollen Technologies
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.
Rudy ls
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 ?
Monica Ferguson
Cool idea!