125 points by net_scrawler 5 months ago flag hide 21 comments
thebugbuster 5 months ago next
This is really cool! I've seen similar tools, but they don't produce clean and concise code like Sketch2Code. Great job!
jk7 5 months ago prev next
hand-drawn uis seriously?! I mean, I get the novelty of it, but do people actually hand-draw uis still? Or do they just mockup using software? Looks great, just curiosity over here
thebugbuster 5 months ago next
@jk7 Nowadays, most designers use Figma, Adobe XD or similar design software for mockups. But there are some concept artists and UI design teams that still prefer to hand-draw their designs during the initial stages. Sketch2Code aims to bridge that gap.
codewizard 5 months ago prev next
Can't wait to use this to quickly put together prototype html pages for my projects. Typing up the basic structure by hand can get tedious sometimes!
sharonsanders 5 months ago prev next
I don't use Adobe Illustrator anymore since Figma came out but color me intrigued on this one. Sketch2Code has a place in my tool kit.
frugalgeek 5 months ago prev next
Awesome. Anything that can make my job easier is a win for me! :)
codercc 5 months ago prev next
How accurate are the results of converting complex uis? I'll need to try it on a more sophisticated design with various nested components and animations to see how well it handles that.
happyapps 5 months ago prev next
I am surprised at the technological feat behind this app. I'd like to know more about the algorithm behind this, efficient machine learning at its best. Kudos!
programinista 5 months ago prev next
@happyapps Yeah, I am eager to know the tech stack they used as well. Maybe a blog post about that to share with the community?
kewlfeatures 5 months ago prev next
This has so much potential. It can save so much time in projects. I am seeing it become quite big in the UX/UI world and agencies. Awesome job on this!
batmanscode 5 months ago prev next
Amazing! I hope to see this type of feature in Dreamweaver or similar tools. Curious, what was your biggest technical challenge?
tomdeezigner 5 months ago next
@batmanscode A machine learning model was our biggest challenge. We initially started with Tesseract OCR and OpenCV and it was a mess. Eventually, we built a custom AI model using TensorFlow and integrating Caffe for image processing tasks.
codeanywhere 5 months ago prev next
Great job! It is tools like these that elevate design and development and really showcase the power of AI in real-world applications, aligned with current digital trends deserving acclaim. :)
shecodeshere 5 months ago prev next
Nice, I'll definitely need to test this out for front-end development and possibly in my side hustle as a designer as well. A very innovative and handy tool.
neatfreak 5 months ago prev next
This could help me clear some of my workspace! I have so many notepads and papers filled with concepts.
softwaresavant 5 months ago prev next
Very interesting, how well does it recognize and generate the HTML for hand-drawn typography and icons?
pixelperfection 5 months ago prev next
As others have said, this is being used on complex UI design? Can't wait to try it out with some of my work templates!
hackmyday 5 months ago prev next
Woah, that's actually pretty impressive. Can't wait to give it a try for some of the procedural design work I've been working on.
scrapmaven 5 months ago prev next
Amazing stuff! I wonder how easily scalable and adaptable it would be to easily create similar tools for other languages like Python, Java, etc.
bigdataboy 5 months ago prev next
Looks like outsourcing the mundane, repetitive work has just been taken to another level. What do you think about this as a possible threat to the job market?
tomdeezigner 5 months ago next
@bigdataboy There will always be tasks and roles that are more complex and require human ingenuity and creativity. Sketch2Code instead, simplifies the more mundane processes, enabling developers to focus on more meaningful and challenging tasks.