swap text styles

Textstile tauschen

Dies ist ein privates Figma -Plugin, um zu testen, wie die Verwendung verschiedener Schriftfamilien in einem bestimmten Design auftreten würde. Es verwendet lokale Textstile, um die Schriftfamilie und das Styling zu identifizieren, mit dem Sie sich austauschen können. Es ist offen für jeden, dies zu duplizieren und auf seinen Dateien zu testen.

Wie man benutzt

Dieses Plugin basiert auf Textstilen zum Austausch. Um loszulegen:

1. Erstellen Sie die Textstile für jede Schriftfamilie, die Sie erkunden möchten. Stellen Sie sicher, dass Sie eine Hierarchie haben (Überschrift 1, Überschrift 2 usw.)
2. Erstellen Sie ein Design mit einem der Textstile
3. Richten Sie Ihre Umgebung so ein, dass Figma -Plugins ausgeführt werden (siehe Dokumentation von Figma).
4. Ersetzen Sie die folgenden Bereiche des Codes durch Ihre Anforderungen:

• Fügen Sie die Schriftfamilien und Stile in den Zeilen 16-74 in code.ts.
• Fügen Sie die Stil-IDs in den Zeilen 93-271 in code.ts. Sie finden diese in der Datei, indem Sie die Konsole in Figma öffnen und Figma.GetlocalTextStyles () ausführen und dann die ID für jeden Knoten überprüfen.
• Passen Sie die Stile in den Zeilen 291-353 auf Code an.ts.
• Passt die Sprachen in den Zeilen 5-13 in ui.html an.

5. Wählen Sie den Rahmen (n) und führen Sie das Plugin aus!

Demo

Für meine Datei habe ich 9 Schriftarten, die von der Überschrift 1 bis zu einem winzigen Körper reichen. Dieses Beispiel zeigt, dass es von Noto Sans nach Tahoma flippt.