Figma a Klaviyo

De Figma a Klaviyo dentro minutos

No todos necesitan HTML. La mayoría de los correos electrónicos Klaviyo están basados en imágenes. Saltar la complejidad y enviar imágenes de píxel-perfect directamente desde Figma a Klaviyo.

Funciona con cualquier marco de Figma. Sin código, sin problemas de compatibilidad, sin Photoshop.

Instala Figma Plugin
Figma
imagen dividida...
K
Klaviyo

Tres maneras de ir de Figma a Klaviyo

Compare los enfoques y elija lo que funciona para su flujo de trabajo.

Exportación manual

  1. 1.Exportar PNG de Figma
  2. 2.Abrir Photoshop
  3. 3.Dividir manualmente
  4. 4.Comprime cada archivo
  5. 5.Subir a Klaviyo
30+ min
Tedious and error-prone

Plugins de exportación HTML

  1. 1.Instalar plugin HTML
  2. 2.Exportar código HTML
  3. 3.Arreglar diseños rotos
  4. 4.Debug clientes de correo electrónico
  5. 5.Subir a Klaviyo
45+ min
Complejo y frágil

EmailSlicer

  1. 1.Abrir plugin en Figma
  2. 2.Líneas de guía de lugar
  3. 3.Click Enviar a Klaviyo
~1 min
Simple y confiable

La mayoría de los correos electrónicos Klaviyo están basados en imágenes. Por eso.

La mayoría de los emails de comercio electrónico en Klaviyo utilizan secciones de imagen de ancho completo, no diseños HTML complejos. Es más simple, más confiable, y da a los diseñadores control creativo completo.

  • Problemas de renderización del modo oscuro
  • Pixel-perfect en todos los clientes de correo electrónico
  • Los diseñadores mantienen un control creativo completo
  • No se necesita desarrollador entre diseño y despliegue
  • Ciclo de producción más rápido del diseño para enviar
Klaviyo Email Builder
Header
Hero Banner
Productos Grid
CTA Section
Pie de página
Flujo de trabajo

Diseño → Split → Enviar a Klaviyo

Tres pasos, todo dentro de Figma. O utilice la aplicación web si lo prefiere.

1

Diseña tu correo electrónico en Figma

Cree su email como lo haría normalmente — cualquier diseño, cualquier complejidad. No se necesitan convenciones especiales de configuración, capas o nombres. Diseña libremente.

  • Funciona con cualquier marco o componente
  • No se requiere configuración específica de plugin
  • Mantenga su flujo de trabajo Figma existente
EmailSlicer Figma Plugin
Secciones horizontales
2

Dividir con el plugin

Abra el plugin EmailSlicer dentro de Figma. Elija cuántas secciones horizontales desea, ajuste la calidad de compresión y seleccione su formato de salida.

  • Divisiones de sección iguales o personalizadas
  • JPEG, PNG o salida WebP
  • Calidad ajustable (1x, 1,5x, escala 2x)
3

Enviar a Klaviyo

Seleccione su cuenta de Klaviyo desde el desplegable y enviar el golpe. Todas las secciones se suben a su biblioteca de imágenes Klaviyo, lista para arrastrar a su próxima campaña.

  • Integración directa de API, sin carga manual
  • Apoyo multicuenta a los organismos
  • Las imágenes aparecen en su biblioteca de Klaviyo al instante

Enviar a Klaviyo

B
Belleza Bloom
Header_slice.jpg
Hero_slice.jpg
Products_slice.jpg
Footer_slice.jpg
Enviar todo a Klaviyo

Cómo se compara EmailSlicer

Comparación de las características para el flujo de trabajo Figma-to-Klaviyo.

Tiempo por correo electrónico

Manual

30+ min

HTML

45+ min

EmailSlicer

~1 min

Fidelidad de diseño

Manual

Alto

HTML

Mediana

EmailSlicer

Pixel-perfecto

Modo oscuro seguro

Manual

Sí.

HTML

No

EmailSlicer

Sí.

Requiere codificación

Manual

No

HTML

Sí.

EmailSlicer

No

Importación directa de Klaviyo

Manual

No

HTML

No

EmailSlicer

Sí.

Apoyo multicuenta

Manual

No

HTML

No

EmailSlicer

Sí.

Precio

Manual

Libre (su tiempo)

HTML

15-30 dólares/mo

EmailSlicer

De $0

¿Listo para probar el plugin Figma?

Libre de instalar. Funciona con cualquier diseño de Figma. Dividir, comprimir y enviar a Klaviyo sin dejar su herramienta de diseño.

Cuestiones comunes

Deja de luchar contra HTML. Empieza a enviar hermosos emails.

De Figma a Klaviyo en minutos. Cada vez. Pixel-perfect imágenes que renderizan idénticamente a todos los clientes de correo electrónico.

Plan libre disponible. No se requiere tarjeta de crédito.