[{"data":1,"prerenderedAt":436},["ShallowReactive",2],{"project-21656864":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":34,"aspects":35,"strip":44,"post_text":46,"what":47,"said":88,"maker_in_thread":224,"shape":235,"grid":239,"attempts":399,"same_week":400,"maker_shows":237,"maker_hidden":428,"reader_version":429,"card":430},"21656864","Zecoda","Building websites from Sketch using deep learning – public launch","title","Show HN: Building websites from Sketch using deep learning – public launch","https:\u002F\u002Fzecoda.com\u002Fproduct","zecoda.com","johndamaia",1574945113,2019,140,68,320,2195,15,"notable","dev_tools","design to code converter","web_app",[24,25,26,27],"sketch to code","sketch to html","front-end code generation","ui code generator","curious",-0.212,{"positive":31,"neutral":32,"mixed":31,"critical":33},3,17,9,32,{"execution":36,"docs":38,"idea":40,"pricing":42,"design":43},{"positive":37,"critical":37},1,{"positive":39,"critical":37},0,{"positive":37,"critical":41},4,{"positive":39,"critical":37},{"positive":39,"critical":37},[39,37,31,31,45,37,39,31,31,31,31,31,31,37,37,31,39,31,31,45,45,31,31,39,31,37,37,37,31,39,39,39,37,39,31,31,31,39,39,37],5,null,{"problem":48,"audience":58,"pricing":64,"motivation":71,"time_to_build":46,"stack":75,"openness":85,"stage":86,"team_size":87},{"value":49,"source":50,"evidence":51},"Turning Sketch designs into front-end code without manual front-end development work","maker",[52,55],{"id":53,"by":11,"text":54},"21656872","Founder here, again [1]. In August I’ve shared a side project that partially converted Sketch files into front-end code with the help of deep learning. Because of the feedback I…",{"id":56,"by":11,"text":57},"21658643","Exactly! You nailed it, our goal is to reduce the cost of Sketch to front-end code keeping the quality. We hope to reduce that cost with the help of AI. How can we improve our…",{"value":59,"source":60,"evidence":61},"Teams and clients with Sketch designs needing website front-ends","inferred",[62,63],{"id":53,"by":11,"text":54},{"id":56,"by":11,"text":57},{"value":65,"source":50,"evidence":66},"Subscription, priced per artboard conversions, with a refund guarantee",[67,68],{"id":53,"by":11,"text":54},{"id":69,"by":11,"text":70},"21657997","That's a great question. Why not a 'per usage' model? We went for subscription because we learned, from our Beta, that our customers convert an average of 3 artboards per month.…",{"value":72,"source":50,"evidence":73},"Reduce the cost of converting Sketch designs to front-end code",[74],{"id":56,"by":11,"text":57},[76],{"value":77,"source":50,"evidence":78},"Deep learning model for UI element detection",[79,82],{"id":80,"by":11,"text":81},"21659402","We trained a NN to learn UI elements like buttons, inputs, navbar, etc. With that information we can grab the Sketch elements and build the correct UI in the correct coordinates.",{"id":83,"by":11,"text":84},"21660130","I see your point. And I also understand your skepticism. You're not the first and don't expect you to be the last :) Trying to sum why we are calling AI to our product: - Our…","paid","launched","unknown",{"praise":89,"objections":110,"requests":151,"questions":183,"alternatives":209},[90,102],{"value":91,"source":92,"evidence":93},"Impressive and novel product concept","commenter",[94,98],{"id":95,"by":96,"text":97},"21658581","NewsAware","This looks impressive, kudos. Definately a novelty from HN audience standpoint. By why would I as typical customer care how an agency (who you are substituting) converts sketch…",{"id":99,"by":100,"text":101},"21660830","diveanon","Products like this are why I got out of FE dev. The overwhelming majority of what most FE devs do can and will be automated. Stringing together various API's to match a sketch…",{"value":103,"source":92,"evidence":104},"Would save front-end developers time",[105,109],{"id":106,"by":107,"text":108},"21658711","beaconstudios","that's great, it would definitely reduce the amount of time I have to spent implementing sketch files. Do you have support for slicing sub-sections of a sketch file? As I work on…",{"id":99,"by":100,"text":101},[111,126,137,144],{"value":112,"source":92,"evidence":113},"Heavy reliance on human validation makes the AI label misleading",[114,118,122],{"id":115,"by":116,"text":117},"21660050","wired_devil","I am skeptical with what people is calling 'AI' this days. I was expecting to see the generated code before subscription, there is a lot of sass that clain they have AI, but is…",{"id":119,"by":120,"text":121},"21659179","tomxor","This looks a lot like a WYSIWYG editor, is that a fair description? e.g using ML in place of some deterministic, manually defined heuristics for code generation. I can imagine…",{"id":123,"by":124,"text":125},"21658833","janekm","I had the same reaction... Is \"AI\" a selling point to your likely customers? Otherwise it might be worth de-emphasizing it. You could turn it around... \"We have humans generate…",{"value":127,"source":92,"evidence":128},"Subscription pricing is confusing for one-off conversions",[129,133],{"id":130,"by":131,"text":132},"21657952","bilekas","Why only a subscription based payment model ? If I only want to 'convert' one sketch is there an option ? Or do I have to process my 1 sketch in lets say your turnaround time is…",{"id":134,"by":135,"text":136},"21658428","cryptozeus","One price and unlimited artboard would look more beneficial. Only 3 sounds limiting even though people may not use more than 3. Like unlimited gmail vs old 2 gb yahoo mail.",{"value":138,"source":92,"evidence":139},"No free trial and no account deletion or support access",[140],{"id":141,"by":142,"text":143},"21661656","dynjo","So a few problems: 1. No trial of any kind without subscribing (yes I know about the refund option). 2. No way to contact support when logged in. 3. No way to delete my account…",{"value":145,"source":92,"evidence":146},"Demo timing suggests code was pre-generated",[147],{"id":148,"by":149,"text":150},"21662069","nautical","Just playing devil`s advocate here, in the demo video : 1) Part 1 : You upload the file to the application and say we will run AI in background and a human verifies the file…",[152,167,172,176],{"value":153,"source":92,"evidence":154},"Examples of generated code and sample sites",[155,159,163],{"id":156,"by":157,"text":158},"21658414","DrJid","Would be great if there was a section showing some sample example sites. That was the first thing I was looking for and it seems like an omission on the frontpage.",{"id":160,"by":161,"text":162},"21658797","nicnash","yes, specifically the code it generates. I realize theres human intervention, but on average what is the output.",{"id":164,"by":165,"text":166},"21665011","iudqnolq","Cool! If you're not planning to already, I'd suggest showing the code you produce on a \"for developers\" page. I'd want to know if for example the function\u002Fvariable names are…",{"value":168,"source":92,"evidence":169},"Free trial or free tier",[170,171],{"id":141,"by":142,"text":143},{"id":130,"by":131,"text":132},{"value":173,"source":92,"evidence":174},"Support for slicing sub-sections of a Sketch file",[175],{"id":106,"by":107,"text":108},{"value":177,"source":92,"evidence":178},"Figma and React output",[179],{"id":180,"by":181,"text":182},"21660794","dharma1","Looks interesting! How do you generate the hover states, if they are not in the sketch file? Do you have to structure the layers\u002Fcomponents in a certain way, or do you use ML…",[184,191,198],{"value":185,"source":92,"evidence":186},"How the model was trained and whether it uses a neural net",[187],{"id":188,"by":189,"text":190},"21659366","srikanthsrnvs","This is so cool. How did you build this? How did you train your net? Does it even use a net? I'd love to know about how this works!",{"value":192,"source":92,"evidence":193},"How hover states and constraints are inferred from Sketch files",[194,195],{"id":180,"by":181,"text":182},{"id":196,"by":107,"text":197},"21658640","I'm doing something similar-ish (not AI but attempting to allow people to \"draw\" their UI and convert to a constraint-based layout ie HTML\u002FCSS). It seems to me that the…",{"value":199,"source":92,"evidence":200},"Whether complex forms and app logic are handled",[201,205],{"id":202,"by":203,"text":204},"21658670","void445be54d48a","Can it build complex forms too or is this just \"the robot makes a squarespace website\"?",{"id":206,"by":207,"text":208},"21666189","ng12","There's more to building your UI than just implementing the design. Even if using this tool all the logic and state management you have to do by yourself. Putting together the…",[210,217],{"value":211,"source":92,"evidence":212},"Freelancers converting designs to HTML",[213],{"id":214,"by":215,"text":216},"21660377","z3t4","You can get someone on any of the freelancing sites to convert your design to HTML and even a WordPress site - at the cost of five bucks. For 30 bucks you also get a design. If…",{"value":218,"source":92,"evidence":219},"Designpickle unlimited design subscription",[220],{"id":221,"by":222,"text":223},"21659251","giarc","Check out designpickle.com. They have unlimited design work for a set price per month. The founder has been on a number of podcasts and always gets asked if people abuse this…",{"comments":225,"answered":226,"key":227},28,10,[228,229,232],{"id":53,"text":54},{"id":230,"text":231},"21663059","Thanks for the heads up. Will definitely work on an examples page.",{"id":233,"text":234},"21658465","Ok, that's obvious! Will definitely add that. Thanks so much for the suggestion.",{"commenters":236,"max_depth":237,"maker_replies":225,"first_comment_mins":37,"lifespan_hours":238},35,8,125,[240,242,244,246,248,249,251,253,257,260,262,266,268,270,271,274,276,279,280,282,283,285,287,288,290,292,295,297,300,302,304,307,310,312,314,316,319,321,323,324,326,329,331,334,336,339,344,346,348,350,352,354,356,359,360,362,366,368,371,373,376,378,380,381,385,387,391,395],[53,39,39,241,11,37],"maker\u002Fneutral\u002Fnone",[148,39,37,243,149,39],"project\u002Fcritical\u002Fexecution",[230,39,39,245,11,37],"maker\u002Fneutral\u002Fdocs",[156,37,31,247,157,39],"project\u002Fneutral\u002Fdocs",[233,37,39,245,11,37],[160,37,31,250,161,39],"project\u002Fneutral\u002Fexecution",[252,37,39,241,11,37],"21658834",[254,37,45,255,256,39],"21659449","project\u002Fpositive\u002Fnone","trenchgun",[115,258,37,259,116,39],2,"project\u002Fcritical\u002Fidea",[83,258,39,261,11,37],"project\u002Fneutral\u002Fidea",[263,258,39,264,265,39],"21660336","commenter\u002Fneutral\u002Fnone","avip",[267,258,39,264,11,37],"21663064",[130,31,31,269,131,39],"project\u002Fneutral\u002Fpricing",[69,31,39,269,11,37],[272,31,31,269,273,39],"21658251","didgeoridoo",[275,31,39,269,11,37],"21658317",[277,31,31,269,278,39],"21659641","gbear605",[134,31,31,269,135,39],[281,31,39,269,11,37],"21658486",[221,31,31,269,222,39],[95,41,31,284,96,39],"project\u002Fmixed\u002Fidea",[56,41,39,286,11,37],"maker\u002Fneutral\u002Fidea",[123,41,37,259,124,39],[289,41,39,286,11,37],"21658864",[291,41,37,259,96,39],"21659706",[293,41,31,250,294,39],"21694398","chirag64",[180,45,31,296,181,39],"project\u002Fneutral\u002Fdesign",[298,45,39,299,11,37],"21663072","maker\u002Fneutral\u002Fdesign",[119,301,31,261,120,39],6,[303,301,39,286,11,37],"21659205",[196,305,31,306,107,39],7,"project\u002Fmixed\u002Fdesign",[308,305,39,309,11,37],"21658690","maker\u002Fneutral\u002Fexecution",[106,305,45,311,107,39],"project\u002Fpositive\u002Fexecution",[313,305,39,309,11,37],"21658732",[99,237,45,315,100,39],"project\u002Fpositive\u002Fidea",[317,237,39,318,11,37],"21663081","maker\u002Fpositive\u002Fnone",[320,33,31,306,165,39],"21660953",[322,33,39,245,11,37],"21663106",[164,33,31,247,165,39],[325,33,39,245,11,37],"21665083",[327,226,31,261,328,39],"21659499","imvetri",[330,226,39,286,11,37],"21659525",[141,332,37,333,142,39],11,"project\u002Fcritical\u002Fnone",[335,332,39,241,11,37],"21663078",[214,337,37,338,215,39],12,"project\u002Fcritical\u002Fpricing",[340,341,37,342,343,39],"21658223",13,"project\u002Fcritical\u002Fdocs","cbowal",[345,341,39,245,11,37],"21658275",[202,347,31,250,203,39],14,[349,347,39,309,11,37],"21658705",[351,347,39,264,207,39],"21659506",[353,347,39,264,11,37],"21659534",[355,347,39,264,207,39],"21660368",[357,347,39,264,358,39],"21661682","KaoruAoiShiho",[206,347,39,264,207,39],[361,347,31,250,358,39],"21669982",[363,18,37,364,365,39],"21659008","project\u002Fcritical\u002Fdesign","kierenj",[367,18,39,299,11,37],"21659033",[369,18,31,296,370,39],"21659191","xingyzt",[372,18,39,299,11,37],"21659222",[374,18,31,296,375,39],"21659198","gcarvalho",[377,18,39,241,11,37],"21659218",[188,379,31,261,189,39],16,[80,379,39,250,11,37],[382,32,39,383,384,39],"21657030","other\u002Fneutral\u002Fnone","DyslexicAtheist",[386,32,39,383,11,37],"21657362",[388,389,39,383,390,39],"21657071",18,"tyzerdak",[392,393,37,259,394,39],"21659070",19,"trpc",[396,393,39,397,398,39],"21659563","commenter\u002Fcritical\u002Fnone","dang",[],[401,406,411,416,420,424],{"id":402,"name":403,"points":404,"category":405},"21676933","ChessRoots",295,"games",{"id":407,"name":408,"points":409,"category":410},"21682331","Vaex",264,"data",{"id":412,"name":413,"points":414,"category":415},"21707285","Parrot.vc",263,"ai",{"id":417,"name":418,"points":419,"category":405},"21696194","Adventurekeep",182,{"id":421,"name":422,"points":423,"category":20},"21670239","Dot-to-ASCII",152,{"id":425,"name":426,"points":427,"category":405},"21701124","googol",147,false,"v2",{"id":431,"name":5,"line":6,"ai":428,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":432,"top":18,"kw":433,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":434,"url":9,"mix":435,"praise":91,"objection":112,"sub":21},21656864,-0.21,[24,25,26,27],"0133510333333113033553303111300010333001",[31,32,31,33],1794036583487]