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