Verwenden der Klaviyo Plug-in für Figma

Übersicht

Erfahre, wie du die Klaviyo Plug-in für Figma installierst, dein Klaviyo-Konto verbindest und Designs aus Figma direkt in deine Klaviyo-Bildbibliothek exportierst, wo sie für Kampagnen, Flows und Vorlagen verwendet werden können.

Die wichtigsten Schritte für den Einstieg:

• Installiere die Klaviyo Plug-in in Figma.
• Verbinde dein Klaviyo-Konto.
• Exportiere einen Rahmen oder einen Stapel von Ebenen in deine Klaviyo-Bildbibliothek.

Bevor du anfängst

Du benötigst:

• Ein Klaviyo-Konto mit Berechtigung zur Bildverwaltung.
• Ein Figma-Konto mit der Figma-Desktop-App oder dem Browser-Editor.

Installiere die Plug-in

1. Öffne in Figma jede beliebige Designdatei.
2. Öffne das Plug-in-Menü und suche in der Figma Community nach „Klaviyo“
3. Führe die Plug-in aus. Beim ersten Öffnen siehst du einen Willkommensbildschirm mit der Schaltfläche Konto verbinden.

Verbinde dein Klaviyo-Konto

1. Klicke auf der Plug-in auf Konto verbinden. In deinem Browser wird eine Klaviyo-Autorisierungsseite geöffnet.
2. Melde dich bei Klaviyo an (falls noch nicht geschehen), wähle das Konto aus, das du verbinden möchtest, und genehmige den angeforderten Zugriff.
3. Zurück zu Figma. Die Plug-in erkennt die Verbindung automatisch und zeigt dein Konto auf der Registerkarte Einstellungen an.

Wenn sich das Browserfenster nicht öffnet (oder du es versehentlich schließt), klicke erneut auf die Schaltfläche, um die Autorisierungsseite erneut zu öffnen. Wenn du die Autorisierung nicht innerhalb von 2 Minuten abschließt, wartet die Plug-in nicht mehr und fordert dich auf, es erneut zu versuchen.

Design nach Klaviyo exportieren

1. Wähle einen Rahmen oder eine Ebene auf der Figma-Canvas aus. Auf der Registerkarte „Plug-in Exportieren“ werden eine Vorschau und die Abmessungen des Designs angezeigt.
2. Optional kannst du einen Dateinamen festlegen. Wenn du nichts eingibst, wird der Name der Ebene verwendet.
3. Wähle eine Größe (z. B. 1x, 2x oder eine feste Breite) und ein Format (PNG oder JPG).
4. Wenn du mehr als ein Konto verbunden hast, wähle das Konto aus, in das du exportieren möchtest.
5. Klicke auf Nach Klaviyo exportieren. Wenn der Export abgeschlossen ist, ist das Bild in deiner Klaviyo-Bildbibliothek verfügbar.

Mehrere Ebenen auf einmal exportieren

Wähle zwei oder mehr Ebenen aus, um zum Stapelexport zu wechseln. Du siehst die Liste der ausgewählten Ebenen mit ihren Abmessungen. Du kannst eine gemeinsame Größe und ein gemeinsames Format festlegen oder die Einstellungen jeder Ebene beibehalten. In den erweiterten Einstellungen kannst du auch jedem Dateinamen ein Präfix oder Suffix hinzufügen oder alle Namen durch einen gemeinsamen Basisnamen ersetzen. Eine Fortschrittsanzeige verfolgt den Stapel beim Hochladen.

Erweiterte Exporteinstellungen

Klicke auf die Zahnradschaltfläche neben den Größen- und Formatauswahlfeldern, um anzupassen, wie Figma den Export wiedergibt:

• Farbprofil – Exportiere das Dokument mit dem Farbprofil, sRGB oder Display P3.
• Überlappende Ebenen ignorieren – exportiere nur den ausgewählten Inhalt, ohne ihn zu überschneiden.
• Berandungsquader einbeziehen: Füge den vollständigen Berandungsquader der Ebene in den Export ein.

Deine Exporthistorie anzeigen

Auf der Registerkarte Verlauf werden deine früheren Exporte nach Upload gruppiert und mit Thumbnails versehen, die auf jedes hochgeladene Bild verweisen. Verwende den Link Klaviyo Media Library am unteren Rand der Registerkarte, um deine Bildbibliothek im Browser zu öffnen, oder Clear History, um die Liste von der Plug-in zu entfernen (dadurch werden die Bilder nicht von Klaviyo gelöscht).

Verwalte deine verbundenen Konten

Auf der Registerkarte Einstellungen kannst du Konten hinzufügen oder entfernen, indem du das Papierkorbsymbol daneben aktivierst. Aus Sicherheitsgründen speichert die Plug-in deine Klaviyo-Sitzung nicht zwischen verschiedenen Verwendungen. Wenn du die Plug-in schließt und erneut öffnest, wirst du möglicherweise aufgefordert, die Verbindung vor dem nächsten Export wiederherzustellen.

Fehlerbehebung

• „Zeitüberschreitung bei Verbindung. Bitte versuche es erneut.“ — Die Autorisierung wurde nicht rechtzeitig abgeschlossen. Klicke auf Konto verbinden (oder Konto hinzufügen), um erneut zu starten. Jedes Mal wird eine neue Autorisierungsseite geöffnet.
• „Deine Klaviyo-Session ist abgelaufen.“ — Gehe zur Registerkarte Einstellungen und verbinde das Konto erneut. Exportiere dann erneut.
• Einige Ebenen in einem Stapel können nicht exportiert werden – erfolgreiche Ebenen werden weiterhin hochgeladen und im Verlauf aufgezeichnet. Überprüfe, ob die fehlgeschlagenen Layer noch in der Datei vorhanden sind, wähle sie aus und exportiere sie erneut.