Sketch2code: un outil qui transforme votre dessin en code HTML

Imaginer que vous pouvez transformer un dessin papier d'une maquette ou un formulaire dessiné à la main en un code html et tout ça d'un simple clic et sans écrire une seule ligne de code ? C'est ce que permet de faire Sketch2code !

Sketch2code: une IA pour faciliter la vie des développeurs web

Cet outil développé par Microsoft et basé sur des algorithmes de machine learning reconnait les éléments html dessinés sur votre papier et les transforment directement sous forme de code. Intéressant comme outil de vision par ordinateur même si le résultat de la transformation n'est pas toujours réussi, et des améliorations de l'IA seront les bienvenus.

Sketch2code: comment ça marche ?

Pour commencer, il faut préparer votre croquis (sketch). Ensuite, rendez-vous sur la page suivante, et choisissez le bouton "upload design" si vous avez déjà une photo de votre dessin sur votre ordinateur ou "take a picture" si vous voulez prendre une photo de votre dessin avec votre webcam.

Attendez un moment jusqu'à obtenir le résultat suivant :

Cliquez sur le bouton "download your html code" pour télécharger votre code. Vous pouvez aussi jeter un coup d’œil sur les résultats de prédiction des éléments (c'est en gros le pourcentage de reconnaissance de chaque objet html) retracés par l'outil.