Webcoding overbodig door Microsoft AI

De code voor de op AI gebaseerde webdesign- en developmenttool is vrijgegeven op developerssite GitHub, die recent door Microsoft is overgenomen. Sketch2Code converteert handgemaakte tekeningen van user interfaces voor websites. Het zet deze input om in valide HTML-code. Mock-ups door designers zijn zo zonder code kloppen te realiseren als initiële werkende sites. Vervolgens valt er natuurlijk nog wel developmentwerk te verrichten voor meer geavanceerde functionaliteit.

Tekening uploaden naar AI

Voor gebruik van deze webtool moeten gebruikers een afbeelding van UI mock-up uploaden naar de website van de AI-tool. Die past dan een op maat gemaakte beeldanalyse toe om te voorspellen welke HTML-elementen aanwezig zijn in de tekening, en waar precies. Dan worden de handgeschreven notities in de elementen op de designtekening gelezen door een tekstherkenningsservice.

Vervolgens wordt aan de bouw begonnen, waarbij een layout-algoritme de posities bepaald van de gedetecteerde site-elementen om deze te plaatsen op een grid. Een HTML-aanmaaktool gebruikt al deze informatie om de uiteindelijke markupcode te genereren. Naast Microsoft-eigen modellen voor computer vision gebruikt Sketch2Code ook Microsofts online-opslag Azure en services plus api's (application programming interfaces) voor die clouddienst van het bedrijf.