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

El Viaje Astral del Tata Quispe

El Viaje Astral del Tata Quispe

El Viaje Astral del Tata Quispe, así titula un nuevo juego boliviano desarrollado por la empresa VReality el cual esta i...

Programa en la nube sin instalar nada con repl.it

Programa en la nube sin instalar nada con repl.it

Repl.it es un proyecto de tres jóvenes emprendedores (Amjad, Haya, Maso), es un compilador en linea el cual te permite p...

Servicio Web SOAP en Java

Servicio Web SOAP en Java

En este post vamos a construir un Servicio Web bajo el protocolo SOAP (Simple Object Access Protocol) el cual básicament...

Creación de mapas con shapes – Parte 3

Creación de mapas con shapes – Parte 3

En nuestro mapa interactivo, se hará uso de un mapa departamental dividido en provincias, todo a través  de shapes, si b...

Crear y mover objetos en tiempo de ejecución

Crear y mover objetos en tiempo de ejecución

Dando respuesta a una interrogante sobre el como crear objetos en tiempo de ejecución y como manipular estos, desarrolle...

Animaciones básicas con Pygame

Animaciones básicas con Pygame

En tutoriales pasados creábamos demasiadas líneas de código en el mismo lugar para dibujar en la pantalla, cosa que nos...

Comparte lo que sabes

Categorias

Últimas entradas

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

En este post crearemos un botón swing que reproducirá un sonido cuando este sea presionado por el usuario.  Sin mas que...

Muchas veces necesitamos de fotos para adornar nuestros perfiles en RRSS pero no queremos subir nuestras propias fotos p...

En esta ocasión aprenderemos a conectaros con una base de datos Oracle desde Laravel. Es un tutorial sencillo y cortito,...

Herramientas

Generador de Enlaces a Whatsapp