Figma es una plataforma de diseño para crear banners de correo electrónico, gráficos para redes sociales y otros visuales de marketing. Con la integración de Figma, puedes sincronizar tus diseños automáticamente a la Biblioteca de Imágenes de Omnisend como archivos PNG.

Este artículo explica cómo conectar Figma, configurar la sincronización automática, usar tus diseños en Campañas de Correo Electrónico y Automatización, y solucionar problemas comunes de conexión.

Antes de empezar

Asegúrate de que:

Tienes una cuenta activa de Figma.
La cuenta de Figma que autorices puede abrir el archivo que deseas sincronizar.
Si duplicas un archivo de la Comunidad de Figma, dúplícalo mientras estés conectado a la cuenta que usarás para autorizar la conexión. Un archivo duplicado por otra cuenta puede no ser accesible a través de la API de Figma.
Has creado una página, también llamada lienzo, dentro de tu archivo de Figma. Puedes nombrarla Omnisend Sync o usar otro nombre.
Los diseños que deseas sincronizar están colocados directamente en esta página como marcos de nivel superior.
Tu plan de Figma y tipo de asiento están disponibles durante la configuración porque afectan la frecuencia de sincronización disponible.
Los diseños se sincronizarán solo como archivos PNG.
Se puede sincronizar un archivo y una página por conexión.
Cada marco debe ser inferior a 5 MB.Los marcos que excedan este tamaño no se sincronizarán.

Beneficios

Con la integración de Figma, puedes:

Sincroniza diseños nuevos y actualizados de Figma automáticamente.
Usa diseños sincronizados en la Biblioteca de Imágenes de Omnisend.
Agrega diseños sincronizados a las Campañas de Correo Electrónico y mensajes de Flujo de Automatización.
Elige una frecuencia de sincronización de cada 15 minutos a una vez al mes, dependiendo de tu plan de Figma y tipo de asiento.

Configurar la Integración de Figma

Paso 1: Prepara una Página de Sincronización en Figma

Abre el archivo de Figma que deseas sincronizar.
Agrega una nueva página en el nivel superior del archivo.
Ingresa el nombre de la página que deseas usar durante la configuración de Omnisend. El nombre predeterminado es Omnisend Sync.
Mueve los diseños que deseas sincronizar a esta página.
Asegúrate de que cada diseño sea un marco de nivel superior colocado directamente en la página.

Cualquier marco agregado o actualizado en esta página puede ser importado a tu Biblioteca de Imágenes de Omnisend.

Importante: Los marcos anidados dentro de un grupo, componente u otro marco no se sincronizarán.

Ten en cuenta los siguientes puntos:

La página debe existir antes de que conectes Figma a Omnisend.
La coincidencia del nombre de la página no es sensible a mayúsculas. Por ejemplo, Omnisend Sync y OMNISEND SYNC se tratan como el mismo nombre.
Si cambias el nombre de la página después de conectar Figma, actualiza el nombre de la página de sincronización en tu conexión de Omnisend.
Actualizar el nombre de la página actualmente requiere que reinstales la aplicación de Figma en Omnisend.

Paso 2: Conecta tu Cuenta de Figma

En Omnisend, ve a Aplicaciones.
Busca Figma.
Haz clic en Conectar ahora.
Completa el formulario de conexión.

Ingresa la siguiente información:

URL base de la API: Deja https://api.figma.com unchanged. Usar https://api.figma-gov.com only if you use a Figma for Government tenant.
URL del archivo de Figma: Ingresa la URL completa del archivo de Figma que deseas sincronizar. Por ejemplo: https://www.figma.com/design//. También se admite una clave de archivo básica.
Nombre de la página de sincronización: Ingresa el nombre de la página que preparaste en el Paso 1. La página ya debe existir en el archivo seleccionado.
Frecuencia de sincronización: Elige con qué frecuencia Omnisend debe buscar diseños nuevos o actualizados.

Importante: Usa una URL de archivo de Figma, no una URL de carpeta o proyecto. La cuenta de Figma que autorices debe poder abrir el archivo seleccionado.

5. Haz clic en Conectar.

6. Cuando se redirija a Figma, inicie sesión con la cuenta que puede acceder al archivo.

7. Haz clic en Permitir para autorizar la conexión.

8. Después de la autorización, volverás a Omnisend.

Paso 3: Configura la Configuración de Sincronización

Después de conectar Figma:

Ve a Aplicaciones Aplicaciones conectadas.
Selecciona Figma.
Abre Configuración.

Puedes configurar las siguientes opciones:

Sincronización automática: Activa la sincronización automática para marcos nuevos y actualizados.
Sincronizar ahora: Busca marcos nuevos o actualizados de inmediato.

Nota: Los límites de tasa de Figma pueden impedir que se importen nuevos diseños si ejecutas Sincronizar ahora antes de que haya pasado el intervalo de sincronización seleccionado. Omnisend puede verificar la conexión, pero no importará nuevos diseños hasta que haya transcurrido el tiempo requerido.

Paso 4: Usa tus Diseños en Correos Electrónicos

Abre una Campaña de Correo Electrónico o Flujo de Automatización.
Abre el Editor de correos electrónicos.
Arrastra un elemento de Imagen a tu correo electrónico.
Haz clic en Seleccionar archivo.
Selecciona uno de tus diseños sincronizados de Figma.

Tus diseños de Figma se añaden a la Biblioteca de Imágenes de Omnisend como archivos PNG.

4a1 Aprende más sobre la Biblioteca de Imágenes de Omnisend.

Cómo funciona la sincronización

Acción de Figma	Resultado de Omnisend
Agrega un nuevo marco a la página de sincronización	El marco se sincroniza durante la siguiente verificación elegible.
Actualizar un marco existente	El marco actualizado se sincroniza como una nueva imagen.
Eliminar un marco de la página de sincronización	La imagen existente permanece en la Biblioteca de Imágenes de Omnisend.
Dejar un marco sin cambios	El marco se omite y no se vuelve a cargar.
El marco excede 5 MB	El marco se omite y no se sincroniza con la Biblioteca de Imágenes.

Resolución de problemas

La conexión falla o me devuelve al formulario de configuración

Verifica lo siguiente:

La cuenta de Figma que autoriza puede abrir el archivo seleccionado.
La URL del archivo apunta a un archivo de Figma, no a una carpeta o proyecto.
La página de sincronización existe en el archivo seleccionado.
El nombre de la página de sincronización coincide con el nombre ingresado en Omnisend.
La URL base de la API es correcta para tu inquilino de Figma.

Si no se puede acceder al archivo, Figma puede devolver un error 403 Permiso denegado. Este error puede significar que la cuenta autorizadora no tiene acceso al archivo o que la URL del archivo es incorrecta.

Si el nombre de la página es inválido o la URL no apunta a un archivo compatible, Omnisend te devuelve al formulario de configuración. Tus entradas anteriores permanecen disponibles, y Omnisend muestra las páginas disponibles cuando corresponde. Puedes corregir los detalles e intentar nuevamente sin volver a autorizar Figma.

Mis diseños no aparecen en la Biblioteca de Imágenes

Verifica que:

Los diseños son marcos de nivel superior.
Los marcos están colocados directamente en la página seleccionada.
El nombre de la página coincide con el nombre en tu conexión de Figma.
La URL del archivo apunta al archivo correcto.
Cada marco es menor de 5 MB.Los marcos mayores de 5 MB no se sincronizarán.
Estás revisando dentro del Editor de correos electrónicos seleccionando un Imagen y haciendo clic en Seleccionar archivo.
Has ido a Aplicaciones Aplicaciones conectadas Figma Configuraciones y has hecho clic en Sincronizar ahora.

La importación puede tardar un minuto o más, dependiendo del número de marcos que se estén sincronizando.

Si haces clic en Sincronizar ahora antes de que haya pasado el intervalo de sincronización seleccionado, Omnisend puede verificar la conexión sin importar nuevos diseños.

Para confirmar si un marco falló porque es demasiado grande, verifica los Registros de Acceso a la API en Omnisend.

La sincronización falla con un error de límite de tasa

Figma limita la frecuencia con la que se pueden acceder a los archivos a través de su API. El límite depende de tu plan de Figma y tipo de asiento.

Si la sincronización falla repetidamente o recibes un error de límite de tasa 429:

Elige un intervalo de sincronización más largo.
Evita hacer clic en Sincronizar ahora repetidamente.
Espera hasta que haya terminado el período de límite de tasa antes de intentar nuevamente.

FAQ

¿Qué formatos de imagen son compatibles?

Los diseños de Figma se sincronizan solo como archivos PNG.

¿Puedo sincronizar una plantilla de correo electrónico completa de Figma?

La integración sincroniza los diseños de Figma como imágenes PNG. No sincroniza un diseño o plantilla de correo electrónico editable.

¿Puedo renombrar la página de sincronización después de conectar?

Sí. Después de renombrar la página en Figma, actualiza el Nombre de la página de sincronización en Omnisend. Actualmente, actualizar el nombre de la página requiere que reinstales la aplicación de Figma en Omnisend.

¿Puedo conectar múltiples marcas de Omnisend a la misma cuenta de Figma?

Sí. Puedes conectar la misma cuenta de Figma a diferentes marcas de Omnisend. Cada conexión puede apuntar a un archivo de Figma diferente y a una página de sincronización.

¿Puedo sincronizar múltiples archivos o páginas de Figma a una marca de Omnisend?

No. Cada conexión admite un archivo de Figma y una página.

¿Qué pasa si desconecto Figma?

Si desconectas Figma de Omnisend, las imágenes existentes permanecen en tu Biblioteca de Imágenes de Omnisend. Los nuevos diseños de Figma o los diseños actualizados no se sincronizarán hasta que te reconectes a Figma.

¿Con qué frecuencia debo sincronizar?

Tu plan de Figma y tipo de asiento determinan qué frecuencia es apropiada:

Plan de Organización o Empresarial con un asiento de Dev o Full: Cada 15-30 minutos puede funcionar bien.
Plan Profesional con un asiento de Dev o Full: Cada hora es un valor predeterminado seguro.
Plan Inicial, o asiento de Visualizador o Colaborador en cualquier plan: Se recomienda semanal o mensualmente porque estas configuraciones tienen límites de API más bajos.

Si no estás seguro, comienza con un intervalo más largo y redúcelo solo si la sincronización funciona de manera confiable.

¿Necesitas ayuda? Contacta al equipo de soporte de Omnisend a través del chat en la aplicación o por correo electrónico [email protected]

Integra Figma con Omnisend