Script para Illustrator que exporta infografías a HTML y CSS

ai2html es un script de código abierto que puede convertir un documento de Illustrator en HTML y CSS. Como te habrás imaginado no es ninguna varita mágica, no hay todavía nada que sustituya a un buen maquetador web. Este script no está pensado para cualquier proyecto web, es específicamente útil para convertir infografías, mapas o diagramas a HTML. 

Ha sido desarrollado por el equipo de New York Times, esta infografía interactiva ha sido creada con ai2html.

illustrator-convert-html-css-  NYTimes.com

Cómo usarlo

Una vez instalado verás un bloque de texto arriba a la izquierda de tu mesa de trabajo que empieza por ai2html-settings

Puedes crear otros bloques de texto para configurarlo, siempre fuera de la mesa de trabajo para que no formen parte de la exportación. Los bloques de texto deben comenzar con ai2html- seguido de css, js, html o text. De esta forma puedes añadir tu propio CSS, Javascript, HTML o variables de texto.

Los nombres de las capas serán clases CSS y los de las mesas de trabajo los id de los divs.

Puedes exportar las mesas de trabajo en un solo HTML con divs o cada mesa de trabajo en un HTML independiente. Tendrás el texto con posiciones absolutas y el resto como imágenes de fondo.

Sin duda una mejor opción que exportar a SVG.

Descarga y documentación: ai2html

Escribí esto el 19/03/2015

Tu comentario

Usamos cookies para que mejorar la experiencia de usuario.

ACEPTAR
Aviso de cookies