Cómo convertir documentos de Adobe Ilustrator a HTML y CSS

Ai2html es un script de código abierto para Adobe Illustrator que convierte los documentos y diseño de Illustrator en html y css

Descarga la última versión del script en tu ordenador y trasládala a la carpeta de Illustrator donde se encuentran los scripts de Adobe

En Mac OSX.: Aplicaciones > Adobe Ilustrator > Secuencia de comandos > JavaScript

El Script convierte el texto en elementos html (con la propiedad position:absolut).
El resto del diseño es exportado como una imagen que se ajusta debajo del texto Html.
Las mesas de trabajo de Adobe Ilustrator se exporta como un <div>y con un id único
Los estilos de texto se aplican a nivel de párrafo, con atributos específicos. Se pueden incluir textos entre la etiqueta <span>y así definir estos estilos más tarde en el archivo ai2html-css. (Ten en cuenta que los estilos de párrafo que sean idénticos serán dependientes de una única clase css)
Los texto Html, una vez exportados desde Adobe Ilustrator se organizan de arriba a abajo, de izquierda a derecha para que el documento sea legible.

Aprende a convertir documentos Ilustrator en HTML y CSS con ai2html

Abre tu ilustración o diseño de Adobe Ilustrator y ajusta el tamaño de la mesa de trabajo para el nuevo ancho que corresponda al ancho de la página web
Comprueba que el Modo de Color este mostrado como RGB
Es recomendable usar la fuente Arial o Georgia a menos que se haya agregado la fuente usada a la matriz del script
Una vez tengas tu diseño en pantalla, busca y ejecuta el Script (Archivo > Script > ai2html)
Casi todo hecho! Deberás ver en el interior de la carpeta Adobe Ilustrator, una nueva carpeta llamada ai2hmtl con tu diseño exportado en html

Si necesitas más documentación sobre el uso o funcionalidades del Script, puedes dirigirte directamente a la página web del desarrollador