Figma-Plug-in für GenStudio for Performance Marketing

Das GenStudio for Performance Marketing Figma-Plug-in fügt dem Figma-Programm ein neues Bedienfeld hinzu, mit dem Sie markeninterne Inhalte generieren können.
Finden und installieren Sie das Plug-in vom Figma Community Marketplace.

Auf dieser Seite wird beschrieben, wie Sie das Plug-in konfigurieren und verwenden.

Zu den Funktionen dieses Plug-ins gehören:

  • Ordnen Sie Figma-Textelemente GenStudio for Performance Marketing-Feldern zu, z. B. headline, body, on_image_text und mehr.
  • Erstellen Sie neue markeninterne Meta-, LinkedIn- oder Display-Experiences basierend auf einer Marken-, Personen-, Produkt- und Textaufforderung.
  • Erstellen Sie Experiences direkt im Figma-Dokument, indem Sie den Text in den zugeordneten Figma-Elementen durch die von GenStudio for Performance Marketing generierten Werte ersetzen.
  • Vorhandene Inhalte je nach Aufforderung umformulieren, verkürzen, verlängern oder übersetzen.
  • Generierte Experiences in mehrere Sprachen übersetzen.
  • Exportieren Sie generierte Experiences als reduzierte Bilder in eine lokale Quelle.
  • Exportieren Sie generierte Experiences nach GenStudio for Performance Marketing.
  • Verwenden Sie Plug-in-Optionen, die sich an die ausgewählten Elemente auf der Figma-Arbeitsfläche anpassen.

Erstellen einer Vorlage

Das Plug-in erfordert die ersten beiden Ebenen Ihres Figma-Dokuments, um dieser Konvention zu folgen:

  • Abschnitt - Stellt das übergeordnete Projekt dar, das mehrere Vorlagen enthalten kann.
  • Frame - Stellt eine Vorlage in einem Projekt dar. Die Vorlage kann mit Text, Bildern, Komponenten und anderen Elementen gefüllt werden.

Meta-Vorlagen

Diese Vorlagengrößen werden unterstützt:

Für Instagram- oder Facebook-Posts:

  • Breite: 1080 px (fest)
  • Höhe: 1080 px oder 1350 px

Für Instagram- oder Facebook-Stories:

  • Breite: 1080 px (fest)
  • Höhe: 1920 px

Das -Plug-in bestimmt das Chrom des generierten Erlebnisses anhand der Höhe der Vorlage.

Vorlagen anzeigen

Es gibt keine Anforderung für eine feste Größe. Anzeigevorlagen unterstützen jede Größe.

LinkedIn-Vorlagen

  • Breite: 1200 px (fest)
  • Höhe: 1200 px, 628 px, 2292 px, 1800 px oder 1500 px

Zuordnung der Feldrolle

Das Plug-in muss die verschiedenen Elemente Ihrer Vorlage verstehen, z. B. Überschrift, Haupttext oder Bild.

So weisen Sie Elementrollen zu:

  1. Wählen Sie ein Element in Ihrer Vorlage aus (Text, Bild usw.)
  2. Verwenden Sie das Dropdown-Menü, um eine Rolle zuzuweisen.

Das -Plug-in speichert diese Zuordnungen, um sie für generierte Inhalte zu verwenden. Ein Feld „role“ kann mehreren Vorlagenelementen zugeordnet werden.

Zuordnung von Feldrollen{width="60%"}

Ausnahmen bei der Feldzuordnung

source-git-commit: 66aa508298f897c4a239f1b3e13a31ff20b8a944
workflow-type: tm+mt
source-wordcount: ‘40’
ht-degree: 5%

字段映射例外

某些渠道仅支持替换特定字段。 例如:

  • Meta和LinkedIn广告取代了周围Chrome中的标题、正文和介绍性文本,而不是广告本身。 考虑将图像上的文本映射为on_image_text

Neuen Inhalt generieren

Verwenden Sie GenStudio for Performance Marketing AI, um Elemente in Figma-Vorlagen zu generieren oder zu variieren.

  1. Wenn Sie das GenStudio Plug-in Playground oder bereits vorbereitete Vorlagen verwenden, wählen Sie den Abschnittsknoten aus, der Ihre Anzeigenvorlagen enthält. Sie können dies über das Bedienfeld Ebenen oder durch direktes Klicken auf den Bereich auf der Arbeitsfläche tun.
    Abschnitt oder Varianten auswählen{width="50%" modal="regular"}
  2. Geben Sie im Plug-in-Fenster einen Projektnamen für die Varianten ein, wählen Sie eine Plattform für den Inhalt aus und füllen Sie die anderen erforderlichen Informationen aus. Klicken Sie anschließend auf Setup beenden.
    Projektfenster einrichten{width="30%" modal="regular"}
  3. Wählen Sie die Brand, Persona und Product aus, die für die Inhaltserstellung verwendet werden sollen.
  4. Wählen Sie die Anzahl der zu erstellenden Varianten aus (bis zu acht).
  5. Verwenden Sie die Schaltfläche unter Inhalt auswählen, um Bilder aus Ihren Assets zu suchen und auszuwählen. Die 40 zuletzt hinzugefügten Assets werden zuerst angezeigt, und Sie können nach anderen Assets suchen. Die Größe der ausgewählten Bilder wird automatisch an die Vorlagen angepasst.
  6. Geben Sie eine Textaufforderung ein. Für jedes Feld in der Felder-Liste ist die Option Aktion auf Generieren für neue Inhalte festgelegt.
  7. Ordnen Sie alle Feldrollen zu. Siehe Zuordnung von Feldrollen.
  8. Klicken Sie auf die Generieren-Schaltfläche.

Übersetzen oder Erstellen und Kopieren von Varianten aus vorhandenen Inhalten

Verwenden Sie GenStudio for Performance Marketing AI, um Anzeigenkopien von Varianten zu generieren oder Figma-Vorlagen zu übersetzen.

  1. Wählen Sie den Abschnittsknoten aus, der Ihre Anzeigenvorlagen enthält. Sie können dies über das Bedienfeld Ebenen oder durch direktes Klicken auf den Bereich auf der Arbeitsfläche tun.
    Abschnitt oder Varianten auswählen{width="50%" modal="regular"}
  2. Geben Sie im Plug-in-Fenster einen Projektnamen für die Varianten ein und wählen Sie eine Plattform für den Inhalt aus.
  3. Wählen unter „Was ist das Ziel? die Option Varianten erstellen oder Übersetzen aus und klicken Sie dann auf die Schaltfläche Setup beenden.
    Projektfenster einrichten{width="30%" modal="regular"}
  4. Wählen Sie die Brand, Persona und Product aus, die für die Inhaltserstellung verwendet werden sollen.
  5. Wählen Sie die Anzahl der zu erstellenden Varianten aus.
  6. Verwenden Sie die Schaltfläche unter Inhalt auswählen, um Bilder aus Ihren Assets zu suchen und auszuwählen. Die 40 zuletzt hinzugefügten Assets werden zuerst angezeigt, und Sie können nach anderen Assets suchen. Die Größe der ausgewählten Bilder wird automatisch an die Vorlagen angepasst.
  7. Geben Sie eine Textaufforderung ein. Für jedes Feld in der Felder-Liste ist die Option Aktion auf Generieren für neue Inhalte festgelegt.
  8. Ordnen Sie alle Feldrollen zu. Siehe Zuordnung von Feldrollen.
  9. Wählen Sie jeden Feldtyp aus, um Varianten zu generieren oder zu übersetzen im Bedienfeld auf der linken Seite des Plug-ins und fügen Sie den anfänglichen Inhalt in jedes Feld Anfänglicher Inhalt ein.
    Beispieltext im Feld Anfänglicher Inhalt{width="60%" modal="regular"}
  10. Klicken Sie auf die Generieren-Schaltfläche.

Inhalte nach der Erstellung übersetzen

  1. Wählen Sie eine Generation aus, die Sie übersetzen möchten.
    Generierung auswählen{width="20%" modal="regular"}
  2. Wählen Sie Übersetzung aus und klicken Sie dann auf Übersetzen.
  3. Wählen Sie Ihre Zielsprache(n) aus.
  4. Klicken Sie auf Auswählen.

Zu den Übersetzungsergebnissen gehören:

  • Es wird eine neue Seite mit übersetzten Inhalten angezeigt.
  • Jede Übersetzung zeigt die Zielsprache oder das Gebietsschema an.
  • Der ursprüngliche Inhalt bleibt auf der Originalseite unverändert.

Ergebnisse der Übersetzung{width="60%" modal="regular"}

Andere Aktionen für Inhaltsfelder nach der Generierung

Wenn Sie vorhandene Inhalte in einem Feld bearbeiten, werden im Plug-in-Bedienfeld nützliche Optionen angezeigt.

Optionen für Plug-in-Aktionen{width="30%" modal="regular"}

Sie haben unter anderem folgende Möglichkeiten:

  • Ändern Sie den Wert, um Text direkt zu ändern. Das Ändern dieses Inhalts gilt automatisch für alle ausgewählten Varianten.
  • Die KI kann viele Optionen Aktion ausführen, darunter:
Aktion
Beschreibung
Generieren
Erzeugt eine neue Variante des Textes.
Umformulierung
Erzeugt eine neue Variante des Textes.
kürzen
Erzeugt eine kürzere Variante des Textes.
Längen
Erzeugt eine längere Variante des Textes.

Nachdem Sie eine Aktion-Option ausgewählt haben, generieren Sie den Inhalt mit der Schaltfläche Regenerieren neu.

Exportieren von Erlebnissen

Varianten können aus Figma als GenStudio for Performance Marketing Experiences exportiert werden.

  1. Wählen Sie den Inhalt aus, der in die Figma-Arbeitsfläche exportiert werden soll, indem Sie einen der folgenden Schritte ausführen:

    • Wählen Sie den Abschnitt Erstellung auf der Arbeitsfläche aus und klicken Sie dann Plug-in​Bedienfeld auf Alle für Export markieren .
      Generierungsabschnitt auswählen{width="20%" modal="regular"}
    • Wählen Sie eine einzelne Generierung auf der Arbeitsfläche aus und klicken Sie dann im Plug in-Bedienfeld​Für Export markieren“.
      Individuelle Generierung auswählen{width="20%" modal="regular"}
  2. Wählen Sie im Seitenleistenmenü die Option Exportieren aus.
    Die Schaltfläche „Für Export markieren“ wird für eine Meta-Anzeige angezeigt{width="60%" modal="regular"}

  3. Auswählen eines Ziels.

  4. Klicken Sie Exportieren, um den Inhalt zu exportieren.

Im Plug-in-Bedienfeld wird eine ZIP-Datei erstellt oder es wird ein Link zu In GenStudio öffnen angezeigt. Verwenden Sie den ZIP-Link, um auszuwählen, wo die Datei gespeichert werden soll, oder wählen Sie In GenStudio öffnen.

Figma-Frames in Photoshop konvertieren

NOTE
Dazu benötigen Sie sowohl das Figma-Plug-in als auch GenStudio Photoshop.

Mit dem Figma-Plug-in können Sie einen Figma-Frame, mehrere Frames oder ein ganzes Dokument in das Photoshop-Format konvertieren und für die Verwendung mit GenStudio Photoshop exportieren. Derzeit werden während der Konvertierung nur wichtige Eigenschaften wie Sichtbarkeit, Schriftgröße und grundlegende Ebenenattribute unterstützt. Funktionen wie Durchstreichen, Hochgestellt, Tiefgestellt, Deckkraft als Prozentsätze, Verläufe und ähnliche erweiterte Eigenschaften werden noch nicht unterstützt.

Das Plug-in unterstützt die folgenden Figma-Ebenentypen für die Konvertierung:

  • Frame
  • Gruppe
  • instance
  • Text
  • Vektor
  • Bild

Bei der Konvertierung in PSD werden unterstützte Ebenen Photoshop wie folgt zugeordnet:

Figmaschichttyp
Konvertiert in Photoshop
Anmerkungen
Frame
Ebenengruppe
  • Figma-Frames werden in Photoshop-Schichtgruppen umgewandelt.
  • Verschachtelte Frames werden zu verschachtelten Gruppen.
  • Die Rahmenabmessungen werden zur PSD-Zeichenfläche oder zu Gruppenbegrenzungen (je nach Auswahl).
Gruppe
Ebenengruppe
  • Figma-Gruppen konvertieren direkt in Photoshop-Schichtgruppen.
  • Ebenenhierarchie und Stapelreihenfolge werden beibehalten.
instance
Ebenengruppe
  • Komponenten und Instanzen werden in standardmäßige Photoshop-Ebenengruppen reduziert. Komponentenmetadaten und Variantenlogik werden nicht beibehalten.
  • Alle untergeordneten Ebenen verbleiben innerhalb der Gruppe.
Text
Textebene
  • Figma-Textebenen werden in bearbeitbare Photoshop-Textebenen konvertiert.
  • Texthierarchie und Positionierung bleiben erhalten.
Vektor
Formebene
  • Figmavektorschichten werden in Photoshop-Formenschichten konvertiert.
  • Pfade werden nach Möglichkeit beibehalten.
  • Komplexe Vektoren können gerastert werden, wenn nicht unterstützte Effekte angewendet werden.
Bild
Rasterebene
  • Figma-Bildebenen werden in Photoshop-Rasterebenen konvertiert.
  • Bildskalierung und -positionierung bleiben erhalten.

So konvertieren Sie Frames

So konvertieren Sie Frames:

  1. Öffnen Sie das Firefly Enterprise- und GenStudio-Plug-in in Figma und klicken Sie auf die Export-Registerkarte in der Plug-in-Benutzeroberfläche.

  2. Wählen Sie auf der Arbeitsfläche die zu exportierenden Frames aus. Sie können einen einzelnen Frame oder mehrere Frames auswählen.

  3. Führen Sie einen der folgenden Schritte aus:

    • Klicken Sie auf Exportieren, um die konvertierte Datei an einen ausgewählten Speicherort zu exportieren, oder
    • Klicken Sie Auf GenStudio Photoshop übertragen, um die konvertierte Datei für die sofortige Verwendung in GenStudio Photoshop zwischenzuspeichern.
      Schaltfläche „An GenStudio Photoshop übertragen“ {width="40%"}
  4. Wenn das Dialogfeld File Key Required angezeigt wird, benötigt das Plug-in eine Figma-Datei-URL, um die Konvertierung abzuschließen. Fügen Sie die URL für Ihr Dokument hinzu:

    1. Klicken Sie in Figma Freigeben in der oberen rechten Ecke der Arbeitsfläche.
    2. Klicken in „Datei" auf Link kopieren.
    3. Fügen Sie den kopierten Link in das Feld Figma-Datei-URL im Plug-in-Dialogfeld ein.
  5. Klicken Sie auf Absenden. Das Plug-in liest die ausgewählten Frames in Figma und konvertiert sie in ein JSON-Dokument, ein Zwischenformat für die Dateidaten.
    Dialogfeld „Dateischlüssel erforderlich“ {width="35%"}

  6. Öffnen Sie in Photoshop GenStudio Photoshop und klicken Sie auf die Registerkarte Importieren.

  7. Führen Sie einen der folgenden Schritte aus:

    • Klicken Sie auf Aus Plug-in), um eine Datei, die mit In GenStudio Photoshop übertragen konvertiert wurde, aus der Liste der zwischengespeicherten Dateien auszuwählen, oder
    • Klicken Sie auf JSON hochladen, um zur hochzuladenden JSON-Datei zu navigieren und sie auszuwählen.
      Schaltfläche „JSON hochladen“ {width="40%"}
  8. GenStudio Photoshop konvertiert die Informationen aus dem JSON-Dokument in ein geöffnetes Photoshop-Dokument.

  9. Klicken Sie auf Fertig. Die neue Datei wird in Photoshop geöffnet und kann verwendet werden. Oder klicken Sie Speichern unter…, um einen Speicherort für die Datei auszuwählen.
    Dialogfeld „Fertig“ {width="40%"}

Generationsverlauf

Das Plug-in verwaltet für jedes Feld einen Änderungsverlauf. Wählen Sie auf der Vorlagenseite in der Seitenleiste des Plug ins "" aus.

Option „Generierungsverlauf“ für eine Meta-Anzeige angezeigt{width="80%" modal="regular"}

Fehlerbehebung

Beachten Sie die folgenden Best Practices und Tipps, wenn Text oder Bilder in generierten Varianten nicht ersetzt werden.

Zugeordnete Felder

Wenn Text oder Bilder nicht ersetzt werden, überprüfen Sie, ob die Felder in der Plug-in-Benutzeroberfläche den GenStudio-Felderrollen zugeordnet wurden. Siehe Zuordnung von Feldrollen.

Bestätigen der Verfügbarkeit von Schriftarten

Die Schriftart eines Textfelds muss auf Ihrem Computer verfügbar sein, damit sie während der Generierung ersetzt wird. Vergewissern Sie sich, dass alle in der Datei verwendeten Schriftarten auf Ihrem Computer verfügbar sind, insbesondere wenn die Datei auf dem Computer eines anderen Benutzers erstellt wurde.

Unterstützung für Felderrollen in Erwägung ziehen

Bestimmte Kanäle unterstützen nur die Ersetzung in bestimmten Feldern. Beachten Sie Ausnahmen für die Feldrollenzuordnung.

recommendation-more-help
genstudio-for-performance-marketing-help-user-guide