Os presentamos Sketch2Code, una aplicación que hemos desarrollado para Microsoft en colaboración con SPIKE TECHNIQUES. Se trata de una solución de código abierto disponible en GitHub y que podéis descargaros aquí.



Dicha aplicación parte de los servicios cognitivos de Computer Vision y Custom Vision, unas disciplinas de la inteligencia artificial que permiten a una máquina o dispositivo observar y entender lo que está viendo. Gracias a esta ciencia, Sketch2Code es capaz de traducir a código HTML un dibujo o esbozo hecho en una pizarra u otro soporte. Por tanto, estamos ante un proceso que puede reducir significativamente el tiempo de desarrollo de una página web al no tener que trasladar manualmente todas las ideas y dibujos que los diseñadores realizan en la fase de ideación o planificación de la misma.

“Para llegar aquí tuvimos que construir un modelo personalizado y entrenarlo con imágenes de elementos de diseño hechos a mano como un cuadro, un texto o un botón. Este modelo, unido al reconocimiento de texto, genera los fragmentos de HTML”, explica Miguel Ángel Castejón, Director de Kabel Lab. De este modo, tal como nos cuenta Tara Shankar Jana, Senior Technical Product Manager de Inteligencia Artificial en Microsoft (Redmond, Washington) y responsable de la iniciativa, “puedes tomar fotografías de dibujos que alguien ha estado haciendo en una pizarra, un papel u otro soporte durante una reunión y procesarlas mediante Sketch2Code para que se creen prototipos en formato HTML de dichos diseños”.

You are not allowed to view links. Register or Login


Esta nueva faceta de la inteligencia artificial ya ha llamado la atención en redes sociales de profesionales de renombre como Tim Heuer, Principal Program Manager Lead en Microsoft, o Miguel de Icaza, ex-CTO de Xamarin y creador de Mono, tras su publicación por parte de Tara Shankar Jana.

Para Miguel Ángel Castejón, esta tecnología es “un pequeño ejemplo de todo el potencial que nos presenta la IA aplicada al campo del desarrollador de software”.

Por último, podéis You are not allowed to view links. Register or Login para acceder al experimento.

¡Traduce a código HTML cualquier diseño hecho a mano!
You are not allowed to view links. Register or Login

Fuente: kabel.es/sketch2code/