Convertir PSD en HTML y CSS Online

Convertir archivos PSD (Photoshop) en plantillas HTML y CSS es una de las tareas más comunes para el diseñador, para los desarrolladores tal vez sea un poco complicado en caso lo necesitemos, para esto podemos recurrir a una herramienta online que hace el trabajo por nosotros.

PSD2CSS es una herramienta Online, solo tienes que subir tu archivo PSD y automáticamente generara código HTML y CSS para que lo puedas descargar gratis.

Paso 1: Diseñar la página web

Lo primero que tenemos que hacer es nuestro diseño de página web utilizando capas en Photoshop (también podemos utilizar Gimp).

Luego que terminemos nuestro diseño debemos guardarlo como .psd.

Este es un archivo .psd de ejemplo.

Descargar PSD

Paso 2: Subir y Descarga

Ahora solo debemos subir nuestro archivo para que nos genere un Zip con el código HTML y CSS.

Nota: recientemente se ha restringido la generación de código solo para usuarios registrados, pero el registro es gratuito, así que no habría ningún problema.

Luego de procesar el PSD nos mostrara 2 links, uno para ver el sitio web online y el otro para descargar el Zip.

Sin dudad una herramienta para sacar de apuros a cualquiera, tienen criticas sobre esta herramienta?, saben de alguna otra?, mejores características?, pueden comentarla y con todo gusto aportaremos más ideas!

También te puede interesar

2 Comments

  1. ariel
    ene 13, 2011 @ 15:22:51

    Este tipo de soft ahorra tiempo, pero por lo general no genera un codigo limpio y 100% optimizado.
    Yo recomeiendo hacerlo con html y css.

    Si desean aprendar mas sobre conversion de psd a html y maquetacion web, pueden ingresar al siguiente blog donde explico desde cero el proceso de maquetacion:

    http://psdahtml.wordpress.com

    Saludos y espero les sirva!

    Reply

  2. Jesús
    nov 29, 2011 @ 22:36:02

    Buena información, es cuestión de probarlo o en tal caso trabajarlo duro.

    Reply

Leave a Reply