Sketch2Code: Turn whiteboard sketches to working code | Hacker News Reader

Sketch2Code: Turn whiteboard sketches to working code

azure.microsoft.com

45 pointsLyalinDotCom21 comments

Sure it's fun and stuff, but it is literally stuff like this that makes higher ups think "Why are you taking so long for a form? I can have an AI do it for me!" And then you have to spend time explaining that you have to consider responsiveness, internationalisation, error handling, oh... and there is of course what sits behind the form, all the back code that actually records all this information, error checks it, etc etc...

I agree with you, but I also think it's a legitimate complaint that crud apps take so much time to build.

They used to be pretty quick with things like PowerBuilder...we've regressed.

There are things like this: https://developers.google.com/appmaker/

But nobody seems to have gotten big/broad traction with them yet.

> I agree with you, but I also think it's a legitimate complaint that crud apps take so much time to build.

I'm not sure it is; no one really wants pure CRUD apps, they want CRUD + some useful processing; optimizing for the efficiency of making pure CRUD apps would probably be a net loss for real-world apps, which is why even though people keep making tools that make pure CRUD near zero effort, they don't become dominant tools (or, at least, that function of the tool isn't dominant.)

people keep making tools that make pure CRUD near zero effort

Could you name some? I’m struggling to think of any.

Our tools have gotten more complex because our requirements have grown with them. People might say they want a simple CRUD app, but expectations grow very quickly.

Most higher ups are purposefully trying to trivialize the task at hand, with an explicit intent of psychological superiority over the worker. This tool is valuable regardless of how higher ups choose to understand the task at hand.

AirBnB have created a similar project. They posted this back in October https://airbnb.design/sketching-interfaces/

Unfortunately this process helps only with the easiest stuff that is already automated with drag/drop clicky type interfaces. So it doesn't really save any time.

Maybe in the future this will get more advanced and can do other things. But it's likely to turn into a niche layer for a specific industry.

It's a neat idea though, but also not exactly new. (I saw similar things years ago, also didn't go anywhere)

It's a great experiment work, but I don't think it is practical. Remember UML to code generation? That was/is much more detailed and I am not sure if it's even used nowadays.

It couldn't understand a neat sketch like this - https://cloud.headwayapp.co/changelogs_images/images/big/000...

In its defense; that close button is in a weird location. It threw me off as well. Should have been able to handle it though. Not too much strange stuff going on.

What was the result?

In its defense; that close button is in a weird location. It threw me off as well.

OP drew a MacOS (or Gnome?) window.

No I meant the cross [x] thing on the right side. Above the large (inner) box. Like a button between a textbox and a text area.

Pretty weak that even the demo GIF has an error. "e-mail" becomes " - mail"

Oh no! That nearly indecipherable e that looks like a c was dropped. Trash the whole code base and start over, Microsoft! ;-)

But seriously, OCR still isn't perfect, and this is more about everything else (the whole layout etc.)

I think demos should be more of an "average performance" rather than "best performance" kinda deal in a lot of situations.

This demos tells me upfront that I can expect some OCR issue when I write an e like the euro symbol :P

bummer (but still cool), thought it is about the program sketch. Is there something good which is doing that from mac program "sketch"->"code" ?

There’s one I’ve seen like that for React Native [0].

[0]: https://github.com/nanohop/sketch-to-react-native/blob/maste...

Dude, the robots are coming for our jobs.

OCR is not easy.

Perhaps they should use this to rebuild the UI for Azure. It might be better.

Reply on news.ycombinator.com