Passer au contenu principal

Intégrer Figma avec Omnisend

Apprenez à synchroniser les designs Figma avec votre bibliothèque d'images Omnisend

Écrit par Sarunas

Figma est une plateforme de design pour créer des bannières email, des graphiques pour les réseaux sociaux et d'autres visuels marketing. Avec l'intégration Figma, vous pouvez synchroniser vos designs automatiquement dans la Bibliothèque d'Images Omnisend au format PNG.

Cet article explique comment connecter Figma, configurer la synchronisation automatique, utiliser vos designs dans les campagnes d'Email et l'automatisation, et résoudre les problèmes de connexion courants.

Avant de commencer

Assurez-vous que :

  • Vous avez un compte Figma actif.

  • Le compte Figma que vous autorisez peut ouvrir le fichier que vous souhaitez synchroniser.

  • Si vous dupliquez un fichier de la communauté Figma, dupliquez-le tout en étant connecté au compte que vous utiliserez pour autoriser la connexion. Un fichier dupliqué par un autre compte pourrait ne pas être accessible via l'API Figma.

  • Vous avez créé une page, également appelée un canevas, dans votre fichier Figma. Vous pouvez l'appeler Omnisend Sync ou utiliser un autre nom.

  • Les designs que vous souhaitez synchroniser sont placés directement sur cette page en tant que cadres de premier niveau.

  • Votre forfait Figma et le type de siège sont disponibles lors de la configuration car ils affectent la fréquence de synchronisation disponible.

  • Les designs seront synchronisés uniquement en tant que fichiers PNG.

  • Un fichier et une page peuvent être synchronisés par connexion.

  • Chaque cadre doit faire moins de 5 Mo.Les cadres qui dépassent cette taille échoueront à se synchroniser.

Avantages

Avec l'intégration Figma, vous pouvez :

  • Synchroniser automatiquement les nouveaux designs Figma et les designs mis à jour.

  • Utiliser les designs synchronisés dans la bibliothèque d'images Omnisend.

  • Ajouter des designs synchronisés aux campagnes Email et aux messages de Workflow d'automatisation.

  • Choisissez une fréquence de synchronisation allant de toutes les 15 minutes à une fois par mois, selon votre forfait Figma et le type de siège.

Configurer l'intégration Figma

Étape 1 : Préparer une page de synchronisation dans Figma

  1. Ouvrez le fichier Figma que vous souhaitez synchroniser.

  2. Ajoutez une nouvelle page au niveau supérieur du fichier.

  3. Entrez le nom de la page que vous souhaitez utiliser lors de la configuration d'Omnisend. Le nom par défaut est Omnisend Sync.

  4. Déplacez les designs que vous souhaitez synchroniser sur cette page.

  5. Assurez-vous que chaque design est un cadre de niveau supérieur placé directement sur la page.

Tout cadre ajouté ou mis à jour sur cette page peut être importé dans votre Bibliothèque d'images Omnisend.

Important : Les cadres imbriqués dans un groupe, un composant ou un autre cadre ne se synchroniseront pas.

Gardez les points suivants à l'esprit :

  • La page doit exister avant de connecter Figma à Omnisend.

  • La correspondance des noms de page n'est pas sensible à la casse. Par exemple, Omnisend Sync et OMNISEND SYNC sont considérés comme le même nom.

  • Si vous renommez la page après avoir connecté Figma, mettez à jour le nom de la page de synchronisation dans votre connexion Omnisend.

  • La mise à jour du nom de la page nécessite actuellement de réinstaller l'application Figma dans Omnisend.

Étape 2 : Connectez votre compte Figma

  1. Dans Omnisend, allez dans Apps.

  2. Recherchez Figma.

  3. Cliquez sur Connecter maintenant.

  4. Remplissez le formulaire de connexion.

Entrez les informations suivantes :

  • URL de base de l'API : Laissez https://api.figma.com unchanged. Utiliser https://api.figma-gov.com only if you use a Figma for Government tenant.

  • URL du fichier Figma : Entrez l'URL complète du fichier Figma que vous souhaitez synchroniser. Par exemple : https://www.figma.com/design//. Une clé de fichier nue est également prise en charge.

  • Nom de la page de synchronisation : Entrez le nom de la page que vous avez préparée à l'étape 1. La page doit déjà exister dans le fichier sélectionné.

  • Fréquence de synchronisation : Choisissez à quelle fréquence Omnisend doit vérifier les nouveaux designs ou les designs mis à jour.

Important : Utilisez une URL de fichier Figma, pas une URL de dossier ou de projet. Le compte Figma que vous autorisez doit pouvoir ouvrir le fichier sélectionné.

5.Cliquez sur Connecter.

6. Lorsque vous êtes redirigé vers Figma, connectez-vous avec le compte qui peut accéder au fichier.

7. Cliquez sur Autoriser pour autoriser la connexion.

8. Après autorisation, vous retournerez à Omnisend.

Étape 3 : Configurer les paramètres de synchronisation

Après avoir connecté Figma :

  1. Allez dans Apps Apps connectées.

  2. Sélectionnez Figma.

  3. Ouvrez Paramètres.

Vous pouvez configurer les options suivantes :

  • Auto-synchronisation : Activez la synchronisation automatique pour les nouveaux cadres et les cadres mis à jour.

  • Synchroniser maintenant : Vérifiez immédiatement les nouveaux cadres ou les cadres mis à jour.

Remarque : Les limites de taux de Figma peuvent empêcher l'importation de nouveaux designs si vous exécutez Synchroniser maintenant avant que l'intervalle de synchronisation sélectionné ne soit écoulé. Omnisend peut vérifier la connexion, mais il n'importera pas de nouveaux designs tant que le temps requis n'a pas écoulé.

Étape 4 : Utilisez vos designs dans les emails

  1. Ouvrez une campagne Email ou un Workflow d'automatisation.

  2. Ouvrez l'Éditeur d'emails.

  3. Faites glisser un élément Image dans votre email.

  4. Cliquez sur Sélectionner un fichier.

  5. Sélectionnez l'un de vos designs Figma synchronisés.

Vos designs Figma sont ajoutés à la bibliothèque d'images Omnisend sous forme de fichiers PNG.

En savoir plus sur la Bibliothèque d'images Omnisend.

Comment fonctionne la synchronisation

Action Figma

Résultat Omnisend

Ajoutez un nouveau cadre à la page de synchronisation

Le cadre est synchronisé lors de la prochaine vérification éligible.

Mettre à jour un cadre existant

Le cadre mis à jour est synchronisé en tant que nouvelle image.

Supprimer un cadre de la page de synchronisation

L'image existante reste dans la Bibliothèque d'images Omnisend.

Laisser un cadre inchangé

Le cadre est ignoré et n'est pas téléchargé à nouveau.

Le cadre dépasse 5 Mo.

Le cadre est ignoré et n'est pas synchronisé dans la Bibliothèque d'images.

Dépannage

La connexion échoue ou me renvoie au formulaire de configuration.

Vérifiez les éléments suivants :

  • Le compte Figma autorisé peut ouvrir le fichier sélectionné.

  • L'URL du fichier pointe vers un fichier Figma, pas un dossier ou un projet.

  • La page de synchronisation existe dans le fichier sélectionné.

  • Le nom de la page de synchronisation correspond au nom saisi dans Omnisend.

  • L'URL de base de l'API est correcte pour votre locataire Figma.

Si le fichier ne peut pas être accessible, Figma peut renvoyer une erreur 403 Permission denied. Cette erreur peut signifier que le compte autorisé n'a pas accès au fichier ou que l'URL du fichier est incorrecte.

Si le nom de la page est invalide ou si l'URL ne pointe pas vers un fichier pris en charge, Omnisend vous renvoie au formulaire de configuration. Vos précédentes entrées restent disponibles, et Omnisend affiche les pages disponibles lorsque cela est applicable. Vous pouvez corriger les détails et réessayer sans réautoriser Figma.

Mes designs n'apparaissent pas dans la bibliothèque d'images

Vérifiez que :

  1. Les designs sont des cadres de niveau supérieur.

  2. Les cadres sont placés directement sur la page sélectionnée.

  3. Le nom de la page correspond au nom dans votre connexion Figma.

  4. L'URL du fichier pointe vers le bon fichier.

  5. Chaque cadre est inférieur à 5 Mo.Les cadres de plus de 5 Mo échoueront à se synchroniser.

  6. Vous vérifiez dans l'Éditeur d'emails en sélectionnant un élément Image et en cliquant sur Sélectionner un fichier.

  7. Vous êtes allé dans Applications Applications connectées Figma Paramètres et avez cliqué sur Synchroniser maintenant.

L'importation peut prendre une minute ou plus, selon le nombre de cadres à synchroniser.

Si vous cliquez sur Synchroniser maintenant avant que l'intervalle de synchronisation sélectionné ne soit écoulé, Omnisend peut vérifier la connexion sans importer de nouveaux designs.

Pour confirmer si un cadre a échoué parce qu'il est trop grand, vérifiez les Journaux d'accès API dans Omnisend.

La synchronisation échoue avec une erreur de limite de taux.

Figma limite la fréquence à laquelle les fichiers peuvent être accessibles via son API. La limite dépend de votre forfait Figma et de votre type de siège.

Si la synchronisation échoue à plusieurs reprises ou si vous recevez une erreur de limite de taux 429 :

  • Choisissez un intervalle de synchronisation plus long.

  • Évitez de cliquer sur Synchroniser maintenant à plusieurs reprises.

  • Attendez que la période de limite de taux soit terminée avant d'essayer à nouveau.

FAQ

Quels formats d'image sont pris en charge ?

Les designs Figma se synchronisent uniquement en tant que fichiers PNG.

Puis-je synchroniser un modèle d'email Figma entier ?

L'intégration synchronise les designs Figma en tant qu'images PNG. Il ne synchronise pas une mise en page ou un modèle d'email modifiable.

Puis-je renommer la page de synchronisation après la connexion ?

Oui. Après avoir renommé la page dans Figma, mettez à jour le Nom de la page de synchronisation dans Omnisend. Actuellement, la mise à jour du nom de la page nécessite de réinstaller l'application Figma dans Omnisend.

Puis-je connecter plusieurs marques Omnisend au même compte Figma ?

Oui. Vous pouvez connecter le même compte Figma à différentes marques Omnisend. Chaque connexion peut pointer vers un fichier Figma différent et une page de synchronisation.

Puis-je synchroniser plusieurs fichiers ou pages Figma à une seule marque Omnisend ?

Non. Chaque connexion prend en charge un fichier Figma et une page.

Que se passe-t-il si je déconnecte Figma ?

Si vous déconnectez Figma d'Omnisend, les images existantes restent dans votre Bibliothèque d'images Omnisend. Les nouveaux designs Figma ou les designs mis à jour ne se synchroniseront pas tant que vous ne vous reconnectez pas à Figma.

À quelle fréquence devrais-je synchroniser ?

Votre forfait Figma et votre type de siège déterminent quelle fréquence est appropriée :

  • Forfait Organisation ou Entreprise avec un siège Dev ou Full : Toutes les 15 à 30 minutes peuvent bien fonctionner.

  • Forfait Professionnel avec un siège Dev ou Full : Horaire est un défaut sûr.

  • Forfait Starter, ou siège Viewer ou Collab sur n'importe quel forfait : Hebdomadaire ou mensuel est recommandé car ces configurations ont des limites API plus basses.

Si vous n'êtes pas sûr, commencez par un intervalle plus long et réduisez-le uniquement si la synchronisation fonctionne de manière fiable.

Besoin d'aide ? Contactez l'équipe de support Omnisend via le chat dans l'application ou par email [email protected]

Articles connexes
Avez-vous trouvé la réponse à votre question ?