Style-IDs trainieren

Zuletzt aktualisiert am 1. April 2026

Erfahre, wie du Style-IDs trainierst und testest, um Layouts und räumliche Regeln zu definieren, Markenkonsistenz in generierten Designs sicherzustellen und sie mit Firefly Design Intelligence zu veröffentlichen.

Hinweis:

Firefly Design Intelligence ist derzeit eine zeitlich begrenzte Version.

Das Training von Style-IDs hilft Firefly Design Intelligence dabei, das Designsystem deiner Brand zu verstehen, Elementbeziehungen und Layout-Regeln zu etablieren. Dies gewährleistet visuelle Konsistenz, wenn Designs in der Größe verändert oder angepasst werden. Sobald du diese Regeln etabliert hast, kannst du selbstbewusst mehrere Design-Layout-Varianten generieren, da du weißt, dass sie deine Designstandards beibehalten.

Um Style-IDs zu trainieren, benötigst du:

  • Adobe Illustrator mit aktivierter Firefly Design Intelligence
  • Eine Style-ID, die bereits mit zugewiesenen Design-Assets angelegt wurde
  • Verständnis für die Layout- und Abstandsanforderungen deiner Marke

Arbeite mit visuellen Elementen, Layouts und räumlichen Regeln

Hinweis:

Bevor du beginnst, erstelle eine Style-ID, um visuelle Elemente aus dem Illustrator-Dokument zu extrahieren und das Layout sowie die räumlichen Regeln innerhalb der Design-Assets zu verstehen.

Gehe zum Tab Visuelle Elemente, um alle Elemente zu überprüfen, die aus deinen ursprünglichen Dateien extrahiert wurden.

Zeige alle extrahierten Elemente aus den Datei-Ebenen im Tab „Visuelle Elemente" an.

Zeige das Element an, um jede Ebene zu sehen und bei Bedarf Anweisungen hinzuzufügen.Für einige Ebenen kannst du auch visuelle Assets hinzufügen oder entfernen.

Füge weitere Assets zur Ebene hinzu, entferne vorhandene oder füge Anweisungen für die visuellen Elemente hinzu, die extrahiert wurden.

Verwende den Tab Layouts, um die Layouts und Ausrichtungen anzuzeigen, die Firefly Design Intelligence gelernt hat. 

Wähle geeignete Plattformen aus dem Dropdown-Menü Kanäle aus. Wähle deine bevorzugten Layouts aus den erkannten Optionen mithilfe des Kontrollkästchens aus, um die Style-ID zu trainieren.

Verwende den Tab „Layouts“, um die Layouts und Ausrichtungen anzuzeigen, die Firefly Design Intelligence gelernt hat.

Gehe zum Abschnitt Räumliche Regeln, um zu definieren, wie sich Elemente zueinander verhalten, wenn sich Seitenverhältnisse ändern.

Wähle ein Element aus deinem Design aus, um den Abschnitt Anheften zu aktivieren. Wähle ein zweites Element über das Dropdown-Menü aus, um es an das erste Element anzuheften.

Verwende im Abschnitt „Anheften" das Dropdown-Menü, um ein zweites Element auszuwählen, das an das erste Element angeheftet werden soll.
Verwende im Abschnitt „Anheften" das Dropdown-Menü, um ein zweites Element auszuwählen, das an das erste Element angeheftet werden soll.

Wähle Anheften aus, um die Beziehung zwischen diesen beiden Elementen zu definieren.

Tipp:

Das Anheften von Elementen erstellt Referenzpunkte, die Firefly dabei helfen zu verstehen, welche Designelemente ihre Beziehung beim Ändern der Größe beibehalten sollen.Das ist besonders nützlich für Logos, Überschriften oder andere Elemente, die eine bestimmte relative Position zueinander beibehalten müssen.

Wähle im Abschnitt Anpassungsmodus aus, wie dein Design verschiedene Seitenverhältnisse ausfüllt:

  • Abdecken: Füllt den Bereich vollständig aus und behält das Seitenverhältnis bei.Überlauf wird zugeschnitten. 
  • Einpassen: Passt vollständig in den Bereich und behält das Seitenverhältnis bei.Kann leeren Raum hinterlassen.
  • Breite anpassen: Entspricht der Zielbreite; Höhe wird proportional angepasst
  • Höhe anpassen: Entspricht der Zielhöhe; Breite wird proportional angepasst."]}
  • Dehnen: Füllt beide Dimensionen und ignoriert das Seitenverhältnis. Kann das Element verzerren.
  • Auf Breite wiederholen:  Kachelt horizontal, um die Breite zu füllen. Nur Bilder. 
  • Auf Höhe wiederholen: Kachelt vertikal, um die Höhe zu füllen. Nur Bilder. 
Die Abschnitte „Anpassungsmodus" und „Anwenden auf" sind geöffnet, und eine Ausrichtung wird zusammen mit den ausgewählten Anpassungsmodusoptionen darunter angezeigt.
Verwende den Bereich „Anwenden auf", um die Layouts auszuwählen, auf die diese räumlichen Regeln beim Erstellen neuer Designs angewendet werden.

Im Abschnitt Anwenden auf wählst du die Layouts aus, auf die diese räumlichen Regeln beim Generieren neuer Designs angewendet werden sollen.Wähle Alle auswählen, wenn die räumlichen Regeln für alle Ausrichtungen gelten sollen.

Teste und veröffentliche deine trainierte Style-ID

Sobald du mit deinen visuellen Elementen, Layouts und räumlichen Regeln zufrieden bist, erstelle neue Zeichenflächen mit verschiedenen Seitenverhältnissen innerhalb desselben Illustrator-Dokuments.

Wähle den Button Test aus, um die Zeichenflächen mit neuen Designs zu füllen.

Überprüfe die erstellten Entwürfe, um sicherzustellen, dass sie deinen Markenstandards entsprechen und die festgelegten Layout- und räumlichen Regeln einhalten. Wenn du zufrieden bist, wähle das Symbol Veröffentlichen aus.

Wähle im Dialog Bestätigung erforderlich die Option Bestätigen aus, um die Style-ID zu veröffentlichen.

Du kannst auch zwischen dem Generator- und Trainer-Modus wechseln, indem du das Hamburger-Menü oben rechts im Bedienfeld Style-ID auswählst und dann In den Generator-Modus wechseln oder In den Trainermodus wechseln auswählst.

Das Hamburger-Menü zeigt Optionen wie Bedienfeld neu laden, In den Generator-Modus wechseln, Über Firefly Design Intelligence und mehr an.
Wähle „Bedienfeld neu laden“, um das Bedienfeld zu aktualisieren.

Wir empfehlen dir, deine Style-ID mit verschiedenen Seitenverhältnissen zu testen, um festzustellen, ob Anpassungen an deinen räumlichen Regeln erforderlich sind, bevor du sie in Workflows einsetzt.Wenn die generierten Layouts nicht deinen Erwartungen entsprechen, kehre zum Abschnitt Visuelle Elemente, Layout und Räumliche Regeln zurück und verfeinere die ausgewählten Einstellungen.

Hinweis:

Training ist ein iterativer Prozess. Du musst möglicherweise Einstellungen anpassen, Regeln definieren und mehrmals erneut testen, um optimale Ergebnisse für alle deine Ziel-Designs und Seitenverhältnisse zu erzielen.