Convierte tus dibujos web en Código HTML

Sketch2Code es un proyecto de Microsoft el cual usa IA (Inteligencia Artificial) para transformar el diseño de una interfaz de usuario dibujada a mano en un código de marcado HTML válido. El proyecto es de código abierto disponible en GitHub y que puedes descargar aquí. También tiene disponible una herramienta online en sketch2code.azurewebsites.net. Obviamente puedes descargar el código generado a tu computadora.

Conoce el proceso

El proceso de transformación de un dibujo a HTML es la siguiente:

1. Primero, el usuario carga una imagen.
2. Un modelo de visión personalizado predice qué elementos HTML están presentes en la imagen y su ubicación.
3. Un servicio de reconocimiento de texto escrito a mano lee el texto dentro de los elementos.
4. Un algoritmo de diseño utiliza la información espacial de todos los cuadros delimitadores de los elementos predichos para generar una estructura de cuadrícula que se adapte a todos.
5. Un motor de generación de HTML utiliza todos estos datos para generar un código de marcado HTML que refleja el resultado.

Conclusiones

Es una buena iniciativa, pero aun la IA se encuentra en pañales como para poder sacar resultados satisfactorios y eso que lo probé con diseños semi complejos hasta los más sencillos usando imágenes fotografiadas e imágenes generadas con herramientas mockup y aún así el maquetado deja mucho que desear.

enjoy!!!