Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Noticias / Convierte tus dibujos web en Código HTML

Convierte tus dibujos web en Código HTML

Autor jc mouse viernes, enero 3, 2020

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.

diseño web

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.

proceso de IA para maquetar webs

Conclusiones

maquetado web con IA

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!!!

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

Crea patrón de desbloqueo para tus app java

Crea patrón de desbloqueo para tus app java

El patrón de desbloqueo es una medida de seguridad que tienen algunos teléfonos inteligentes para evitar el acceso al di...

Microsoft Bing laza un mapa interactivo para seguir el avance de la pandemia a nivel mundial

Microsoft Bing laza un mapa interactivo para seguir el avance de la pandemia a nivel mundial

El gigante de la tecnología Microsoft ha lanzado un mapa interactivo para proporcionar información sobre la propagación...

Pequeño pero poderoso editor de texto para Ubuntu

Pequeño pero poderoso editor de texto para Ubuntu

Geany es un editor de texto para Sistemas Operativos Linux, windows y MAC que utiliza el kit de herramientas GTK+ con ca...

Blog MVC – Consultas Ajax a la base de datos [p5]

Blog MVC – Consultas Ajax a la base de datos [p5]

Quinta parte de la serie de tutoriales «Creación de un blog siguiendo el patrón MVC (Modelo, Vista y Controlador)«. En e...

ODBC acces y php POO

ODBC acces y php POO

En este tuto crearemos una clase para conectarse con una base de datos Access y ademas se implementan dos metodos para r...

Node.js: Instalación, configuración y Hola Mundo

Node.js: Instalación, configuración y Hola Mundo

No se puede negar la popularidad que ganaron las aplicaciones de JavaScript en los últimos años, y las bibliotecas dispo...

Comparte lo que sabes

Categorias

Últimas entradas

Muchas de las innovaciones computacionales de la NASA se desarrollaron para ayudar a explorar el espacio, pero ahora la...

TikTok es una plataforma de microvideos muy popular entre los jóvenes el cual cuenta ya con millones de videos cortps de...

Una clase JTree permite mostrar datos de una forma jerárquica y en realidad este objeto no contiene sus datos; es decir,...

Los archivos digitales (txt, docx, xlsx, odt, odp, pdf, etc) nos permiten almacenar información el cual en ocasiones, de...

Herramientas

Generador de Enlaces a Whatsapp