Utilisation du plug-in Klaviyo pour Figma

Objectif de cet article

Apprenez à installer le plug-in Klaviyo pour Figma, à connecter votre compte Klaviyo et à exporter des créations de Figma directement vers votre bibliothèque d’images Klaviyo, où elles sont prêtes à être utilisées dans des campagnes, des flux et des modèles.

Voici les principales étapes à suivre :

• Installez le plug-in Klaviyo dans Figma.
• Connecter votre compte Klaviyo
• Exportez un cadre ou un lot de calques vers votre bibliothèque d’images Klaviyo.

Avant de commencer

Vous aurez besoin de :

• Un compte Klaviyo avec l’autorisation de gérer les images.
• Un compte Figma avec l’application de bureau Figma ou l’éditeur de navigateur.

Installez le plug-in

1. Dans Figma, ouvrez n’importe quel fichier de conception.
2. Ouvrez le menu plug-in et recherchez « Klaviyo » dans la communauté Figma.
3. Exécutez le plug-in. La première fois que vous l’ouvrez, vous verrez un écran de bienvenue avec un bouton Connecter au compte.

Connecter votre compte Klaviyo

1. Dans le plug-in, cliquez sur Connecter le compte. Une page d’autorisation Klaviyo s’ouvre dans votre navigateur.
2. Connectez-vous à Klaviyo (si vous ne l’êtes pas déjà), choisissez le compte que vous souhaitez connecter et approuvez l’accès demandé.
3. Revenir à la page Figma Le plug-in détecte automatiquement la connexion et affiche votre compte dans l’onglet Paramètres.

Si la fenêtre du navigateur ne s’ouvre pas (ou si vous la fermez par accident), cliquez à nouveau sur le bouton pour rouvrir la page d’autorisation. Si vous ne terminez pas l’autorisation dans les 2 minutes, le plug-in cesse d’attendre et vous demande de réessayer.

Exporter un design vers Klaviyo

1. Sélectionnez un cadre ou un calque sur le canevas Figma. L’onglet Exportation du plug-in affiche un aperçu et les dimensions du design.
2. Vous pouvez également définir un nom de fichier. Si vous le laissez vide, le nom du calque est utilisé.
3. Choisissez une taille (par exemple, 1x, 2x ou une largeur fixe) et un format (PNG ou JPG).
4. Si vous avez plusieurs comptes connectés, choisissez le compte vers lequel exporter.
5. Cliquez sur Exporter vers Klaviyo. Une fois l’exportation terminée, l’image est disponible dans votre bibliothèque d’images Klaviyo.

Exporter plusieurs couches à la fois

Sélectionnez 2 couches ou plus pour passer à l’exportation par lots. Vous verrez la liste des calques sélectionnés avec leurs dimensions, et vous pouvez définir une taille et un format partagés ou conserver les paramètres propres à chaque calque. Dans les paramètres avancés, vous pouvez également ajouter un préfixe ou un suffixe à chaque nom de fichier, ou remplacer tous les noms par un nom de base partagé. Une barre de progression suit le chargement du lot.

Paramètres d’exportation avancés

Cliquez sur le bouton en engrenage à côté des sélecteurs de taille et de format pour ajuster le rendu de l’exportation par Figma :

• Profil de couleur : exportez en utilisant le profil de couleur du document, sRVB ou Display P3.
• Ignorez les calques qui se chevauchent : exportez uniquement le contenu sélectionné, en excluant tout ce qui le chevauche.
• Inclure un cadre de délimitation : incluez le cadre de délimitation complet du calque dans l’export.

Consulter votre historique d’exportation

L’onglet Historique affiche vos exportations passées regroupées par téléchargement, avec des miniatures qui renvoient à chaque image téléchargée. Utilisez le lien de la bibliothèque multimédia Klaviyo en bas de l’onglet pour ouvrir votre bibliothèque d’images dans le plug-in, ou Effacer l’historique pour supprimer la liste du navigateur (cela ne supprime pas les images de Klaviyo).

Gérer les comptes connectés

Dans l’onglet Paramètres, vous pouvez ajouter des comptes ou en supprimer un avec l’icône de la corbeille à côté. Pour des raisons de sécurité, le plug-in ne stocke pas votre session Klaviyo entre les utilisations. Si vous fermez et rouvrez le plug-in, il se peut qu’il vous soit demandé de vous reconnecter avant votre prochaine exportation.

Résolution de problèmes

• « Le délai de connexion a expiré. Veuillez réessayer. » — L’autorisation n’a pas été finalisée à temps. Cliquez sur Connecter un compte (ou Ajouter un compte) pour recommencer. Une nouvelle page d’autorisation s’ouvre à chaque fois.
• « Votre session Klaviyo a expiré. » — Accédez à l’onglet Paramètres et reconnectez le compte, puis exportez à nouveau.
• Certains calques d’un lot ne sont pas exportés. Les calques réussis sont toujours chargés et enregistrés dans l’historique. Vérifiez que les couches qui ont échoué existent toujours dans le fichier, puis sélectionnez-les et exportez-les à nouveau.