Uso del complemento de Klaviyo para Figma

Objetivos del artículo

Aprende a instalar el complemento de Klaviyo para Figma, conectar tu cuenta de Klaviyo y exportar diseños de Figma directamente a tu biblioteca de imágenes de Klaviyo, donde estarán listos para usar en campañas, flujos y plantillas.

Los pasos principales para empezar son:

• Instala el complemento de Klaviyo en Figma.
• Conecta tu cuenta de Klaviyo.
• Exporta un fotograma o un lote de capas a tu biblioteca de imágenes de Klaviyo.

Antes de empezar

Necesitarás:

• Una cuenta de Klaviyo con permiso para administrar imágenes.
• Una cuenta de Figma con la aplicación de escritorio o el editor del navegador Figma.

Instala el complemento

1. En Figma, abre cualquier archivo de diseño.
2. Abre el menú de complementos y busca en Figma Community "Klaviyo"
3. Ejecuta el complemento. La primera vez que la abras, verás una pantalla de bienvenida con el botón Conectar cuenta.

Conecta tu cuenta de Klaviyo

1. En el complemento, haz clic en Conectar cuenta. Se abre una página de autorización de Klaviyo en tu navegador.
2. Inicia sesión en Klaviyo (si aún no lo has hecho), elige la cuenta que deseas conectar y aprueba el acceso solicitado.
3. Vuelve a Figma. El complemento detecta la conexión automáticamente y te muestra tu cuenta en la pestaña Configuración.

Si la ventana del navegador no se abre (o la cierras por accidente), haz clic de nuevo en el botón para volver a abrir la página de autorización. Si no terminas de autorizar en 2 minutos, el complemento deja de esperar y te pide que lo intentes de nuevo.

Exportar un diseño a Klaviyo

1. Selecciona un marco o capa en el lienzo de Figma. La pestaña Exportar del complemento muestra una vista previa y las dimensiones del diseño.
2. Opcionalmente, puedes establecer un nombre de archivo. Si lo dejas en blanco, se utilizará el nombre de la capa.
3. Elige un tamaño (por ejemplo, 1x, 2x o un ancho fijo) y un formato (PNG o JPG).
4. Si tienes más de una cuenta conectada, elige la cuenta a la que deseas exportar.
5. Haz clic en Exportar a Klaviyo. Cuando finalice la exportación, la imagen estará disponible en tu biblioteca de imágenes de Klaviyo.

Exportar varias capas a la vez

Selecciona 2 o más capas para cambiar a la exportación por lotes. Verás la lista de capas seleccionadas con sus dimensiones, y podrás establecer un tamaño y formato compartidos o mantener la configuración propia de cada capa. En la configuración avanzada, también puedes añadir un prefijo o sufijo a cada nombre de archivo, o reemplazar todos los nombres con un nombre de base compartido. Una barra de progreso rastrea el lote a medida que se carga.

Configuración avanzada de exportación

Haz clic en el botón de engranaje junto a los selectores de tamaño y formato para ajustar cómo Figma muestra la exportación:

• Perfil de color: exporta utilizando el perfil de color del documento, sRGB o Display P3.
• Ignorar las capas superpuestas: exporta solo el contenido seleccionado, excluyendo cualquier cosa que se superponga.
• Incluir cuadro delimitador: incluye el cuadro delimitador completo de la capa en la exportación.

Consulta el historial de exportaciones

La pestaña Historial muestra tus exportaciones anteriores agrupadas por subida, con miniaturas que enlazan con cada imagen subida. Utiliza el enlace de la biblioteca multimedia de Klaviyo en la parte inferior de la pestaña para abrir tu biblioteca de imágenes en el navegador, o Borrar historial para eliminar la lista del complemento (esto no elimina las imágenes de Klaviyo).

Administra tus cuentas conectadas

En la pestaña Configuración puedes añadir cuentas o eliminar una con el icono de papelera al lado. Por razones de seguridad, el complemento no guarda tu sesión de Klaviyo entre usos: si cierras y vuelves a abrir el complemento, es posible que se te pida que vuelvas a conectarte antes de tu próxima exportación.

Guía de solución de problemas

• Se agotó el tiempo de espera de la conexión. Inténtalo de nuevo." — La autorización no se completó a tiempo. Haz clic en Conectar cuenta (o Añadir cuenta) para empezar de nuevo; se abre una nueva página de autorización cada vez que lo hagas.
• "Vuestra sesión de Klaviyo caducó". — Ve a la pestaña Configuración y vuelve a conectar la cuenta, luego vuelve a exportarla.
• Algunas capas de un lote no se exportan: las capas correctas se siguen cargando y registrando en el historial. Comprueba que las capas fallidas sigan existiendo en el archivo, selecciónalas y vuelve a exportarlas.