Video-Tutorial: Eine wiederverwendbare Inhaltsbibliothek für Texte in Figma erstellen

Dieses Video zeigt, wie du mit CopyDoc in Figma eine wiederverwendbare Inhaltsbibliothek für Texte erstellst.

Video-Tutorial: Text-Expander-Kürzel für Textbausteine in Figma anlegen

Dieses Video zeigt, wie du mit dem Plugin CopyDoc Text-Expander-Kürzel für Textbausteine in Figma anlegst.

Text-Expander-Bausteine erstellen

Um nach dem Öffnen des Panels Content Library deinen ersten Textbaustein im Tab Collections anzulegen, klick auf den Button Add New Snippet + und füll dann die erforderlichen Felder aus:

Name des Trigger-Kürzels

Trigger-Kürzel sind spezielle Schlüsselwörter, deren Inhalt erweitert wird, sobald du sie in eine Figma-Textebene tippst (oder per Copy-and-paste einfügst), zum Beispiel //expandme.

Zu einer Sammlung hinzufügen (optional)

Neue Textbausteine landen standardmäßig unter „Uncategorized“. Du kannst aber eine eigene Sammlung anlegen (oder eine bereits erstellte auswählen), um deine Bausteine nach Kategorien zu ordnen.

Inhalt des Textbausteins

Dein Textbaustein enthält den oder die Strings, die auf deine Figma-Textebenen angewendet werden, wenn du in deiner Inhaltsbibliothek auf den Baustein klickst.

Um mehrere Varianten für einen Textbaustein anzulegen, trennst du die Strings durch doppelte senkrechte Striche (zum Beispiel Hey || Hello || Hi).

Unterstützte Markdown-Formatierung für Textbausteine

Optional kannst du deinen Bausteinen einfache Markdown-Formatierung (fett, kursiv) und Links hinzufügen. Sie wird automatisch übernommen, wenn du den Baustein auf deine Figma-Textebene anwendest.

• Fetten Text kennzeichnest du mit doppelten Sternchen **Snipet text to bold** oder doppelten Unterstrichen eg.__Snipet text to bold__
• Kursiven Text kennzeichnest du mit einfachen Sternchen *Italic Snippet Text* oder einfachen Unterstrichen eg._Italic Snippet Text_
• Fett und kursiv formatierten Text kennzeichnest du mit dreifachen Sternchen ***Bold Italic Snippet Text*** oder dreifachen Unterstrichen eg.___Bold Italic Snippet Text___
• Hyperlinks fügst du mit der Markdown-Syntax This is [my link here](https://example.com) in a text snippet hinzu (den Linktext kannst du ebenfalls formatieren, indem du die Syntax für fett oder kursiv innerhalb der [] des Links verwendest).

Bausteine über die Auswahl von Textebenen anwenden

Die erste Möglichkeit, gespeicherte Textbausteine anzuwenden: Wähle die Figma-Textebene(n) aus, auf die du den oder die Bausteine anwenden willst, und klick dann auf den Button Apply. Damit wird eine zufällige Variante des Bausteins auf die Textebene angewendet.

Du kannst deine Bausteine auch in einer bestimmten Reihenfolge oder als bestimmte Variante anwenden: Klapp den Textbaustein zuerst auf und klick dann auf eine Variante oder wähle eine Option, um sie auf alle ausgewählten Ebenen anzuwenden (Ordered, Random, A-Z ↓ oder Z-A ↑).

Bausteine über Text-Expander-Trigger anwenden

Die andere Möglichkeit: Kopier den „Trigger“ deines Textbausteins (zum Beispiel //expandme) beim Bearbeiten des Inhalts direkt in deine Figma-Textebene (oder tipp ihn von Hand ein). Das Trigger-Kürzel wird dann automatisch zum vollständigen Textbaustein erweitert, den du angelegt hast.

Du kannst deine Trigger auch in anderen Funktionen von CopyDoc nutzen. Der Text-Expander erkennt einen Baustein automatisch, sobald der Inhalt einer Figma-Textebene aktualisiert wird. Deshalb funktionieren deine Trigger-Kürzel auch mit den anderen Methoden von CopyDoc zum Aktualisieren von Textebenen (zum Beispiel Suchen und Ersetzen, Massenimporte per CSV/XLSX und die Synchronisierung mit Google Sheets). Verwende den Trigger-Namen einfach als Teil deines aktualisierten Inhalts, for example, Hello //firstname, how it's going?

Textbausteine bearbeiten oder löschen

Um einen eigenen Textbaustein zu löschen oder zu bearbeiten, den du zuvor zu deiner Inhaltsbibliothek hinzugefügt hast, klapp ihn per Klick in der Liste im Tab Collections auf. Klick dann entweder auf das Symbol Trash und bestätige mit Delete, um ihn zu löschen, oder klick auf das Symbol Pencil, um das Bearbeitungs-Panel zu öffnen. Dort kannst du den Trigger-Namen, die Sammlung oder den Textinhalt des ausgewählten Bausteins ändern.

Mehrere Textbausteine verschieben oder löschen

Du kannst schnell mehrere Textbausteine in eine andere Sammlung verschieben: Wähle die gewünschten Bausteine über ihre Kontrollkästchen aus, wähle dann im Dropdown-Menü Select Snippet Collection eine bestehende Sammlung oder gib einen neuen Sammlungsnamen ein und klick anschließend auf den Button Move.

Statt die Bausteine in eine andere Sammlung zu verschieben, kannst du auch auf den Button Delete klicken und mit Delete bestätigen, um alle ausgewählten Bausteine auf einmal zu löschen.

Textbausteine als CSV exportieren

Du kannst deine eigenen Textbausteine als .csv-Datei exportieren: Wähle die gewünschten Bausteine über ihre Kontrollkästchen aus und klick dann auf den Button Export To CSV. Die ausgewählten Bausteine werden automatisch als .csv-Datei heruntergeladen, die du auf deinem Computer speichern kannst.

Diese .csv-Dateien kannst du bearbeiten und anschließend wieder in die Bausteine deiner Inhaltsbibliothek importieren.

Textbausteine aus CSV importieren

Eine .csv-Datei mit eigenen Text-Triggern und Bausteinen importierst du über den Button Import CSV im Tab Collections der Inhaltsbibliothek von CopyDoc.

Die .csv-Datei, die du in die Ablagefläche ziehst, kann entweder eine aktualisierte Tabelle sein, die du über die Funktion Export CSV exportiert hast, oder eine ganz neue Tabelle im selben Format.

Die CSV-Datei muss folgendermaßen aufgebaut sein: Jede Spalte der ersten Zeile (Kopfzeile) enthält den Namen eines Triggers (zum Beispiel //expandme), und die Zeilen darunter enthalten die Textvarianten des jeweiligen Bausteins.

//firstname	//cities
Kate	Seattle
Elbert	Los Angeles
Michael	New York
Amy	Austin
	Portland
	Boston