Sketch

Crear plantillas HTML para correos electrónicos con Sketch

Slinky es un excelente plugin gratuito para Sketch con el cual podrás crear plantillas HTML para correos electrónicos de forma muy sencilla, básicamente después de crear tu diseño utilizando Sketch solo tendrás que exportar tu diseño usando Slinky; tal como lo vez en la animación de abajo.

¿Como instalar y utilizar?

  1. Descargar y descomprimir Slinky (enlace al final del post).
  2. Hacer doble click en el archivo Slinky.sketchplugin y dejar que Sketch haga el proceso de instalación por ti.
  3. Abre tu diseño en Sketch y selecciona el Artboard que contiene tu plantilla de correo electrónico.
  4. Ahora ve a Plugins -> Slinky -> Export Selected Artboard en la barra de menú superior.
  5. Seleccionar la carpeta donde exportaras tu plantilla.
  6. Listo!

Para tomar en cuenta

  • Cuando exportas un template con Slinky este automaticamente exportara las imágenes de tu diseño, PERO debes marcar las imágenes como exportables de forma individual.
  • Para crear enlaces deberás nombrar el group/shape/layer con la URL de tu enlace, Slinky se encargara de convertir tu texto o imagen en un enlace con la URL indicada.
  • No se pueden exportar diseños con capas sobre puestas, esto no es soportado por los clientes de correo.

Por último los clientes de correo no carga estilos de fuentes personalizados, los servicios cuentan con grupos básicos de fuentes que debemos tomar en cuenta en nuestros diseños, los tipos de fuentes básicos que debemos utilizar son:

  • Sans Serif
    • Arial
    • Arial Black
    • Century Gothic
    • Geneva
    • Lucida
    • Lucida Sans
    • Lucida Grande
    • Tahoma
    • Trebuchet MS
    • Verdana
  • Serif
    • Courier
    • Courier New
    • Georgia
    • MS Serif
    • Palatino
    • Palatino Linotype
    • Times
    • Times New Roman

Enlace: Slinky

comment ¿Que opinas?

Artículos recientes

close

Cabina telefónica de londres transformada en una oficina express

Posiblemente, si eres un estudiante o un trabajador has olvidado imprimir, escanear o realizar alguna actividad antes de llegar a tu destino; razón por la cual, a alguien se le ha ocurrido una genial y…

close

Inspiración: Diseños de boletos de avión digitales creados por usuarios de Dribbble

Les dejo un poco de inspiración de algunos usuarios de Dribbble quienes han creado diseños de boletos de avión digitales, algo que se ha popularizado y que ahora practicamente cualquier evento ofrece, evitando que tengamos…

close

Full Moon Service, Imágenes conceptuales de la luna por Erik Johansson

Erik Johansson es una creativo diseñador, fotógrafo e ilustrador que ha realizado un proyecto bastante llamativo; Full Moon Service, es el nombre de este proyecto que en su imagen final nos muestra un servicio surrealista de…

close

play_circle_outline Coca-Cola muestra los efectos de un buen packaging con su nuevo diseño

Coca-Cola siempre da de qué hablar con sus geniales y creativos diseños de packaging; no obstante, ser creativos y ostentosos no son sinónimo de funcionales. Es por eso, que el día de hoy compartimos con…

close

Perturbadores retratos de cómo se verían algunos mandatarios sin piel

El sitio web One Millimeter ha creado una perturbadora y algo impactante colección de retratos de algunos de los mandatarios mundiales más importantes; personajes como Donald Trump, Angela Merkel, Vladimir Putin y Theresa May; son algunos de…

close

TGIF: Magikarp Jump, el nuevo y absurdo juego de Pokémon para móviles

Magikarp Jump es el nuevo juego para móviles Android y iPhone basado en el universo de Pokémon; esta “broma” de juego es genial en muchos aspectos, no obstante, también es ridiculo en otros. Magikarp Jump…

notifications Recién publicamos
close