Zum Hauptinhalt springen

Integrieren Sie Figma mit Omnisend

Erfahren Sie, wie Sie Figma-Designs mit Ihrer Omnisend-Bilderbibliothek synchronisieren.

Verfasst von Sarunas

Figma ist eine Designplattform zum Erstellen von E-Mail-Bannern, Grafiken für soziale Medien und anderen Marketingvisualisierungen. Mit der Figma-Integration können Sie Ihre Designs automatisch als PNG-Dateien in die Omnisend-Bildbibliothek synchronisieren.

Dieser Artikel erklärt, wie Sie Figma verbinden, die automatische Synchronisierung konfigurieren, Ihre Designs in E-Mail-Kampagnen und Automatisierungen verwenden und häufige Verbindungsprobleme beheben.

Bevor Sie beginnen

Stellen Sie sicher, dass:

  • Sie haben ein aktives Figma-Konto.

  • Das Figma-Konto, das Sie autorisieren, kann die Datei öffnen, die Sie synchronisieren möchten.

  • Wenn Sie eine Figma-Community-Datei duplizieren, duplizieren Sie sie, während Sie bei dem Konto angemeldet sind, das Sie zur Autorisierung der Verbindung verwenden werden. Eine von einem anderen Konto duplizierte Datei ist möglicherweise nicht über die Figma-API zugänglich.

  • Sie haben eine Seite, auch als Leinwand bezeichnet, in Ihrer Figma-Datei erstellt. Sie können sie Omnisend Sync nennen oder einen anderen Namen verwenden.

  • Die Designs, die Sie synchronisieren möchten, sind direkt auf dieser Seite als oberste Rahmen platziert.

  • Ihr Figma-Tarif und der Sitztyp sind während der Einrichtung verfügbar, da sie die verfügbare Synchronisierungsfrequenz beeinflussen.

  • Designs werden nur als PNG-Dateien synchronisiert.

  • Pro Verbindung kann eine Datei und eine Seite synchronisiert werden.

  • Jeder Frame muss unter 5 MB liegen.Frames, die diese Größe überschreiten, können nicht synchronisiert werden.

Vorteile

Mit der Figma-Integration können Sie:

  • Neue und aktualisierte Figma-Designs automatisch synchronisieren.

  • Verwenden Sie synchronisierte Designs in der Omnisend-Bilderbibliothek.

  • Fügen Sie synchronisierte Designs zu E-Mail-Kampagnen und Automatisierungs-Workflow-Nachrichten hinzu.

  • Wählen Sie eine Synchronisierungsfrequenz von alle 15 Minuten bis einmal im Monat, abhängig von Ihrem Figma-Tarif und Sitztyp.

Richten Sie die Figma-Integration ein

Schritt 1: Bereiten Sie eine Synchronisierungsseite in Figma vor

  1. Öffnen Sie die Figma-Datei, die Sie synchronisieren möchten.

  2. Fügen Sie eine neue Seite auf der obersten Ebene der Datei hinzu.

  3. Geben Sie den Seitennamen ein, den Sie während der Omnisend-Einrichtung verwenden möchten. Der Standardname ist Omnisend Sync.

  4. Bewegen Sie die Designs, die Sie synchronisieren möchten, auf diese Seite.

  5. Stellen Sie sicher, dass jedes Design ein Frame auf oberster Ebene ist, der direkt auf der Seite platziert ist.

Jeder Frame, der auf dieser Seite hinzugefügt oder aktualisiert wird, kann in Ihre Omnisend-Bilderbibliothek importiert werden.

Wichtig: Frames, die in einer Gruppe, Komponente oder einem anderen Frame verschachtelt sind, werden nicht synchronisiert.

Behalten Sie die folgenden Punkte im Hinterkopf:

  • Die Seite muss existieren, bevor Sie Figma mit Omnisend verbinden.

  • Die Übereinstimmung des Seitennamens ist nicht groß-/kleinschreibungsempfindlich. Zum Beispiel werden Omnisend Sync und OMNISEND SYNC als derselbe Name behandelt.

  • Wenn Sie die Seite nach der Verbindung mit Figma umbenennen, aktualisieren Sie den Sync-Seitennamen in Ihrer Omnisend-Verbindung.

  • Das Aktualisieren des Seitennamens erfordert derzeit, dass Sie die Figma-App in Omnisend neu installieren.

Schritt 2: Verbinden Sie Ihr Figma-Konto

  1. Gehen Sie in Omnisend zu Apps.

  2. Suchen Sie nach Figma.

  3. Klicken Sie auf Jetzt verbinden.

  4. Vervollständigen Sie das Verbindungsformular.

Geben Sie die folgenden Informationen ein:

  • API-Basis-URL: Lassen Sie https://api.figma.com unchanged. Verwenden https://api.figma-gov.com only if you use a Figma for Government tenant.

  • Figma-Datei-URL: Geben Sie die vollständige URL der Figma-Datei ein, die Sie synchronisieren möchten. Zum Beispiel: https://www.figma.com/design//. Ein einfacher Datei-Schlüssel wird ebenfalls unterstützt.

  • Sync-Seitenname: Geben Sie den Namen der Seite ein, die Sie in Schritt 1 vorbereitet haben. Die Seite muss bereits in der ausgewählten Datei existieren.

  • Sync-Frequenz: Wählen Sie aus, wie oft Omnisend nach neuen oder aktualisierten Designs suchen soll.

Wichtig: Verwenden Sie eine Figma-Datei-URL, nicht eine Ordner- oder Projekt-URL. Das von Ihnen autorisierte Figma-Konto muss in der Lage sein, die ausgewählte Datei zu öffnen.

5. klicken Sie auf Verbinden.

6. Wenn Sie zu Figma weitergeleitet werden, melden Sie sich mit dem Konto an, das auf die Datei zugreifen kann.

7. Klicken Sie auf Erlauben, um die Verbindung zu autorisieren.

8. Nach der Autorisierung kehren Sie zu Omnisend zurück.

Schritt 3: Konfigurieren Sie die Synchronisierungseinstellungen

Nach der Verbindung mit Figma:

  1. Gehen Sie zu Apps Verbundenen Apps.

  2. Wählen Sie Figma aus.

  3. Öffnen Sie Einstellungen.

Sie können die folgenden Optionen konfigurieren:

  • Auto-Sync: Aktivieren Sie die automatische Synchronisierung für neue und aktualisierte Frames.

  • Jetzt synchronisieren: Überprüfen Sie sofort auf neue oder aktualisierte Frames.

Hinweis: Figma-Ratenlimits können verhindern, dass neue Designs importiert werden, wenn Sie Jetzt synchronisieren, bevor das ausgewählte Synchronisierungsintervall abgelaufen ist. Omnisend kann die Verbindung überprüfen, aber es werden keine neuen Designs importiert, bis die erforderliche Zeit vergangen ist.

Schritt 4: Verwenden Sie Ihre Designs in E-Mails

  1. Öffnen Sie eine E-Mail-Kampagne oder einen Automatisierungs-Workflow.

  2. Öffnen Sie den E-Mail-Builder.

  3. Ziehen Sie ein Bild-Element in Ihre E-Mail.

  4. Klicken Sie auf Datei auswählen.

  5. Wählen Sie eines Ihrer synchronisierten Figma-Designs aus.

Ihre Figma-Designs werden als PNG-Dateien in die Omnisend-Bilderbibliothek hinzugefügt.

Erfahren Sie mehr über die Omnisend-Bildbibliothek.

Wie die Synchronisierung funktioniert

Figma-Aktion

Omnisend-Ergebnis

Fügen Sie der Synchronisierungsseite einen neuen Frame hinzu

Der Frame wird während der nächsten berechtigten Überprüfung synchronisiert.

Aktualisieren Sie einen vorhandenen Frame.

Der aktualisierte Frame wird als neues Bild synchronisiert.

Einen Frame von der Synchronisierungsseite entfernen.

Das vorhandene Bild bleibt in der Omnisend-Bildbibliothek.

Einen Frame unverändert lassen.

Der Frame wird übersprungen und nicht erneut hochgeladen.

Frame überschreitet 5 MB.

Der Frame wird übersprungen und nicht in die Bildbibliothek synchronisiert.

Fehlerbehebung

Die Verbindung schlägt fehl oder bringt mich zurück zum Einrichtungsformular.

Überprüfen Sie Folgendes:

  • Das autorisierende Figma-Konto kann die ausgewählte Datei öffnen.

  • Die Datei-URL verweist auf eine Figma-Datei, nicht auf einen Ordner oder ein Projekt.

  • Die Synchronisierungsseite existiert in der ausgewählten Datei.

  • Der Name der Synchronisierungsseite stimmt mit dem Namen überein, der in Omnisend eingegeben wurde.

  • Die API-Basis-URL ist korrekt für Ihren Figma-Mieter.

Wenn die Datei nicht zugänglich ist, kann Figma einen 403 Berechtigung verweigert-Fehler zurückgeben. Dieser Fehler kann bedeuten, dass das autorisierende Konto keinen Zugriff auf die Datei hat oder dass die Datei-URL falsch ist.

Wenn der Seitenname ungültig ist oder die URL nicht auf eine unterstützte Datei verweist, wird Omnisend Sie zum Einrichtungsformular zurückführen. Ihre vorherigen Eingaben bleiben verfügbar, und Omnisend zeigt die verfügbaren Seiten an, wenn dies zutrifft. Sie können die Details korrigieren und es erneut versuchen, ohne Figma erneut zu autorisieren.

Meine Designs erscheinen nicht in der Bilderbibliothek

Überprüfen Sie, dass:

  1. Die Designs sind Frames auf oberster Ebene.

  2. Die Frames sind direkt auf der ausgewählten Seite platziert.

  3. Der Seitenname stimmt mit dem Namen in Ihrer Figma-Verbindung überein.

  4. Die Datei-URL verweist auf die richtige Datei.

  5. Jeder Frame ist kleiner als 5 MB.Frames, die größer als 5 MB sind, können nicht synchronisiert werden.

  6. Sie überprüfen im E-Mail-Builder, indem Sie ein Bild-Element auswählen und auf Datei auswählen klicken.

  7. Sie sind zu Apps Verbundenen Apps Figma Einstellungen gegangen und haben auf Jetzt synchronisieren geklickt.

Der Import kann eine Minute oder länger dauern, abhängig von der Anzahl der synchronisierten Frames.

Wenn Sie auf Jetzt synchronisieren klicken, bevor das ausgewählte Synchronisierungsintervall abgelaufen ist, kann Omnisend die Verbindung überprüfen, ohne neue Designs zu importieren.

Um zu bestätigen, ob ein Frame fehlgeschlagen ist, weil er zu groß ist, überprüfen Sie die API-Zugriffsprotokolle in Omnisend.

Die Synchronisierung schlägt mit einem Rate-Limit-Fehler fehl.

Figma begrenzt, wie oft Dateien über seine API abgerufen werden können. Das Limit hängt von Ihrem Figma-Tarif und dem Sitztyp ab.

Wenn die Synchronisierung wiederholt fehlschlägt oder Sie einen 429 Rate-Limit-Fehler erhalten:

  • Wählen Sie ein längeres Synchronisierungsintervall.

  • Vermeiden Sie es, wiederholt auf Jetzt synchronisieren zu klicken.

  • Warten Sie, bis der Zeitraum des Rate-Limits abgelaufen ist, bevor Sie es erneut versuchen.

Häufig gestellte Fragen

Welche Bildformate werden unterstützt?

Figma-Designs werden nur als PNG-Dateien synchronisiert.

Kann ich eine gesamte Figma-E-Mail-Vorlage synchronisieren?

Die Integration synchronisiert Figma-Designs als PNG-Bilder. Es synchronisiert kein bearbeitbares E-Mail-Layout oder Vorlage.

Kann ich die Synchronisierungsseite nach der Verbindung umbenennen?

Ja. Nachdem Sie die Seite in Figma umbenannt haben, aktualisieren Sie den Synchronisierungsseitenname in Omnisend. Derzeit erfordert die Aktualisierung des Seitennamens, dass Sie die Figma-App in Omnisend neu installieren.

Kann ich mehrere Omnisend-Marken mit demselben Figma-Konto verbinden?

Ja. Sie können dasselbe Figma-Konto mit verschiedenen Omnisend-Marken verbinden. Jede Verbindung kann auf eine andere Figma-Datei und Synchronisierungsseite verweisen.

Kann ich mehrere Figma-Dateien oder Seiten mit einer Omnisend-Marke synchronisieren?

Nein. Jede Verbindung unterstützt eine Figma-Datei und eine Seite.

Was passiert, wenn ich Figma trenne?

Wenn Sie Figma von Omnisend trennen, bleiben vorhandene Bilder in Ihrer Omnisend-Bildbibliothek. Neue oder aktualisierte Figma-Designs werden nicht synchronisiert, bis Sie sich wieder mit Figma verbinden.

Wie oft sollte ich synchronisieren?

Ihr Figma-Tarif und der Sitztyp bestimmen, welche Frequenz angemessen ist:

  • Organisation oder Enterprise-Tarif mit einem Dev- oder Vollsitz: Alle 15–30 Minuten kann gut funktionieren.

  • Professioneller Tarif mit einem Dev- oder Vollsitz: Stündlich ist ein sicherer Standard.

  • Starter-Tarif oder Viewer- oder Collab-Sitz in jedem Tarif: Wöchentlich oder monatlich wird empfohlen, da diese Konfigurationen niedrigere API-Limits haben.

Wenn Sie sich nicht sicher sind, beginnen Sie mit einem längeren Intervall und reduzieren Sie es nur, wenn die Synchronisierung zuverlässig funktioniert.

Brauchen Sie Hilfe? Kontaktieren Sie das Omnisend-Support-Team über den In-App-Chat oder die E-Mail [email protected]

Verwandte Artikel
Hat dies deine Frage beantwortet?