Schriftarten spielen eine wichtige Rolle bei der Erstellung eines Designs. Sie helfen, Stimmung zu vermitteln und einen einzigartigen Stil zu schaffen. Eines der beliebtesten Werkzeuge für Designer ist Figma, das umfangreiche Möglichkeiten für die Arbeit mit Text bietet. Wenn Sie lernen möchten, wie Sie Schriftarten in Figma finden und verwenden können, wird Ihnen dieser ausführliche Leitfaden helfen, dieses Problem zu verstehen.
Wenn Sie in Figma arbeiten, müssen Sie möglicherweise eine bestimmte Schriftart verwenden, die der Benutzer der Website oder App in seinen Layouts sehen möchte. Es ist wichtig zu wissen, dass Sie in Figma sowohl mit Systemschriftarten arbeiten können, die auf Ihrem Gerät verfügbar sind, als auch mit Webschriftarten, vorausgesetzt, Sie haben seine Dateien.
Suchen Sie zunächst nach dem Bereich "Schriftarten" auf der rechten Seite des Figma-Bildschirms. Dieses Panel bietet Ihnen Zugriff auf die verschiedenen Schriftarten, die in Ihrem Projekt verfügbar sind. Wenn Sie Systemschriftarten verwenden möchten, wählen Sie einfach die gewünschte Schriftart aus der Liste aus. Wenn Sie eine Webschriftart verwenden möchten, müssen Sie die Datei in Figma hochladen.
Menü für die Schriftartensuche
Befolgen Sie diese Schritte, um die gewünschte Schriftart in Figma zu finden:
- Öffnen Sie den Bereich "Schriftarten" unten links im Figma-Arbeitsbereich.
- Geben Sie einen Schriftnamen in das Suchfeld oben im Bereich "Schriftarten" ein.
- Es wird eine Liste geeigneter Suchergebnisse angezeigt, die die Namen der Schriftarten anzeigen.
- Um detaillierte Informationen zu einer Schriftart anzuzeigen, klicken Sie in der Ergebnisliste auf den Namen einer Schriftart.
- Auf der Detailseite der Schriftart finden Sie verschiedene Merkmale wie Gewicht, Schriftart und Typ.
- Um eine Schriftart zu Ihrer Figma-Bibliothek hinzuzufügen, klicken Sie neben dem Namen auf die Schaltfläche "Zu Schriftarten hinzufügen".
- Die hinzugefügten Schriftarten stehen im Menü "Schriftarten" zur Verwendung in Projekten zur Verfügung.
Nachdem Sie die gewünschte Schriftart gefunden haben, können Sie sie auf die Textelemente Ihres Designs anwenden und einen einheitlichen Stil für alle Seiten des Projekts erstellen.
Verwenden globaler Schriftstile
Mit den globalen Schriftstilen in Figma können Sie Standardschriftarten für das gesamte Dokument festlegen. Dies erleichtert die Arbeit mit Schriftarten, insbesondere beim Design in einem großen Team oder beim Erstellen mehrerer Layouts.
Um globale Schriftstile in Figma zu verwenden, müssen Sie die folgenden Schritte ausführen:
1. Erstellen Sie Schriftstile.
Wechseln Sie zum Bedienfeld "Seiten und Objekte" und wählen Sie "Text". Erstellen Sie die erforderliche Anzahl von Schriftstilen, indem Sie neue Instanzen hinzufügen oder vorhandene bearbeiten.
2. Wenden Sie globale Stile auf Text an
Wählen Sie den gewünschten Text aus, oder erstellen Sie ein neues Textelement. Suchen Sie im Eigenschaftenfenster nach dem Abschnitt "Text", und wählen Sie den gewünschten Schriftstil aus der Liste aus.
3. Arbeiten Sie mit globalen Stilen
Wenn Sie in Zukunft den Schriftstil für das gesamte Dokument ändern möchten, genügt es, den globalen Stil zu bearbeiten. Alle Elemente, die diesen Stil verwenden, werden automatisch aktualisiert.
Auch wenn Sie neue Elemente erstellen oder alte Elemente kopieren, können Sie einfach globale Schriftstile auf sie anwenden. Klicken Sie dazu mit der rechten Maustaste auf das Objekt und wählen Sie "Schriftstil anwenden".
Die Verwendung globaler Schriftstile in Figma erleichtert die Arbeit mit Schriftarten erheblich, beschleunigt den Entwicklungsprozess und sorgt für ein einheitliches Erscheinungsbild des gesamten Projekts.
Integrierte Schriftsuche in Figma
Figma bietet eine integrierte Schriftsuche, mit der Sie schnell und einfach die gewünschte Schriftart für Ihr Projekt finden können. Mit der Suche können Sie Schriftarten nach Name, Stil oder Designer filtern.
Um die Suche zu verwenden, öffnen Sie den Bereich "Schriftarten" auf der linken Seite des Bildschirms. Standardmäßig werden alle verfügbaren Schriftarten angezeigt. Geben Sie ein Schlüsselwort oder einen Teil des Schriftnamens in das Feld "Schriftart suchen" oberhalb der Schriftartenliste ein.
Wenn Sie Text in das Suchfeld eingeben, filtert Figma sofort die Liste der Schriftarten und zeigt nur diejenigen an, die das von Ihnen eingegebene Schlüsselwort enthalten. Beispiele für das Filtern können die Suche nach dem Anfangsteil eines Schriftnamens, eines Designers oder eines Schriftstils wie Fett, kursiv oder Unterstrichen umfassen.
Wenn Sie die Suchergebnisse löschen und zur vollständigen Liste der Schriftarten zurückkehren möchten, entfernen Sie einfach den Text aus dem Suchfeld oder klicken Sie auf die Schaltfläche "X" neben dem Feld.
| Tasten auf der Tastatur | Handlung |
|---|---|
| ↑ / ↓ | Die Schriftliste nach oben / unten verschieben |
| Enter | Schriftwahl |
Nachdem Sie eine Schriftart in der Liste ausgewählt haben, wird sie automatisch auf das ausgewählte Element oder die erstellten Textblöcke angewendet. Sie können die Änderungen sofort sehen, ohne die Seite speichern oder aktualisieren zu müssen.
Die Verwendung der integrierten Schriftsuche in Figma hilft Ihnen, Zeit zu sparen und vereinfacht die Auswahl und Anwendung der gewünschten Schriftarten auf Ihre Designs.
Laden eigener Schriftarten
Die Schriftarten, die standardmäßig in Figma verwendet werden, sind möglicherweise langweilig und passen nicht zu Ihrem Projekt. Um Ihren Designs eine Persönlichkeit zu verleihen, können Sie mit Figma Ihre eigenen Schriftarten laden.
Um eine benutzerdefinierte Schriftart in Figma zu laden, müssen Sie die folgenden Schritte ausführen:
- Holen Sie sich die Schriftdatei. Zuerst müssen Sie die Datei mit der Schriftart abrufen, die Sie verwenden möchten. Normalerweise haben Schriftartdateien eine Erweiterung .ttf (TrueType Font) oder .otf (OpenType Font).
- Öffnen Sie die Figma-Einstellungen. Klicken Sie in der oberen rechten Ecke des Figma-Fensters auf Ihr Konto und wählen Sie "Einstellungen".
- Klicken Sie auf die Registerkarte Schriftarten. Klicken Sie im linken Einstellungsbereich auf die Registerkarte Schriftarten.
- Klicken Sie auf "+ Schriftart verbinden". Klicken Sie im Abschnitt "Verbundene Schriftarten" auf die Schaltfläche "+ Schriftart verbinden".
- Wählen Sie eine Schriftdatei aus. Suchen und wählen Sie die Schriftdatei aus, die Sie herunterladen möchten. Formatdateien werden unterstützt .ttf und .otf.
- Warten Sie auf den Download. Nachdem Sie eine Schriftdatei ausgewählt haben, lädt Figma sie herunter und generiert die Schriftdateien, die Sie in Ihren Designs verwenden können. Dies kann einige Sekunden dauern, abhängig von der Dateigröße und der Geschwindigkeit Ihrer Internetverbindung.
- Verwenden Sie Ihre Schriftart. Nach dem Herunterladen wird die Schriftart in der Schriftartenliste von Figma verfügbar sein. Jetzt können Sie es auf Textelemente in Ihrem Design anwenden.
Wenn Sie Ihre eigenen Schriftarten in Figma hochladen, können Sie einzigartige und originelle Designs erstellen, die zu Ihrer Marke oder Ihrem Stil passen. Verwenden Sie diese Funktion, um Ihren Projekten Persönlichkeit und Erkennbarkeit zu verleihen.
Verwenden von Plugins zum Suchen nach Schriftarten
Das Finden einer identischen Schriftart oder einer genauen Kopie in Figma kann schwierig sein, insbesondere wenn Sie keine genauen Angaben zum Namen oder zu den Eigenschaften der Schriftart haben. In solchen Fällen können Sie Plugins verwenden, um Schriftarten zu finden, mit denen Sie die gewünschte Schriftart finden oder sogar Alternativen vorschlagen können.
Es gibt verschiedene Plugins in Figma, die Funktionen zum Suchen von Schriftarten bereitstellen. Einige von ihnen arbeiten direkt im Figma-Editor, während andere den Zugriff auf Online-Schriftendienste ermöglichen.
Im Folgenden sind einige beliebte Plugins aufgeführt, um Schriftarten in Figma zu finden:
- Font Finder - ein Plugin, mit dem Sie Schriftarten in Figma schnell finden und identifizieren können. Es zeigt den genauen Namen der Schriftart an und bietet Links zum Herunterladen und Anzeigen zusätzlicher Informationen darüber an.
- WhatFont - ein Plugin, mit dem Sie den Namen der Schriftart auf einer Webseite herausfinden können. Sie können den Mauszeiger über den Text bewegen und WhatFont zeigt Informationen über die Schriftart an, einschließlich Titel, Größe und Stil.
- TypeSource - ein Plugin, das alternative Schriftarten basierend auf dem von Ihnen gewählten Text anbietet. Es wird Ihnen helfen, ähnliche Schriftarten zu finden oder Schriftarten mit einem ähnlichen Stil oder einer ähnlichen Stimmung vorzuschlagen.
- Fontie - ein Plugin, das Zugriff auf viele Online-Schriftdienste wie Google Fonts, Adobe Fonts und andere bietet. Sie können Schriftarten direkt von Figma aus anzeigen und installieren und in Ihren Projekten verwenden.
Die Verwendung von Plugins zum Suchen von Schriftarten spart Zeit und vereinfacht den Prozess, die gewünschte Schriftart in Figma zu finden. Probieren Sie verschiedene Plugins aus und wählen Sie die für Ihre Bedürfnisse am besten geeignete aus.
Überprüfen der Unterstützung für Schriftarten auf verschiedenen Geräten
Bevor Sie eine Schriftart in Figma auswählen, ist es wichtig sicherzustellen, dass sie auf verschiedenen Geräten korrekt angezeigt wird. Um dies zu tun, können Sie eine einfache Überprüfung mit den folgenden Schritten durchführen:
- Wählen Sie einige grundlegende Schriftarten aus, die für Ihr Projekt von Interesse sind.
- Erstellen Sie einen kleinen Textblock, der mehrere Sätze oder Überschriften enthält, die von den ausgewählten Schriftarten geschrieben wurden.
- Speichern Sie diesen Block im Bildformat (z. B. im PNG-Format).
- Öffnen Sie das erstellte Bild auf verschiedenen Geräten wie Computer, Tablet, Smartphone.
Während des Überprüfungsprozesses sollten Sie auf die folgenden Punkte achten:
- Einfaches Lesen von Text - Die Schriftart sollte auf allen Geräten ausreichend klar und lesbar sein, auch bei unterschiedlicher Pixeldichte des Bildschirms.
- Sonderzeichen und symbolische Symbole anzeigen - Stellen Sie sicher, dass die ausgewählte Schriftart alle erforderlichen Symbole und Symbole in Ihrem Projekt korrekt anzeigt.
- Passen Sie die Schriftart an das Design an - Bewerten Sie, wie gut die ausgewählten Schriftarten mit dem Gesamtstil und dem Design Ihres Projekts übereinstimmen.
Seien Sie darauf vorbereitet, dass einige Schriftarten aufgrund von Unterschieden in Typografie, Zeichenunterstützung und anderen Faktoren auf verschiedenen Geräten unterschiedlich angezeigt werden können. In diesem Fall müssen Sie möglicherweise eine alternative Schriftart auswählen oder deren Einstellungen für eine genauere Darstellung anpassen.
Wenn Sie die Unterstützung für Schriftarten auf verschiedenen Geräten überprüfen, können Sie sicherstellen, dass Ihre ausgewählte Schriftart so angezeigt wird, wie Sie möchten, und den einheitlichen Stil Ihres Projekts auf allen Plattformen beibehalten.
Arbeiten mit Schriftarten in Teamprojekten
Wenn Sie als Team an einem Projekt in Figma arbeiten, ist es wichtig, einen einheitlichen Satz von Schriftarten zu haben, um Konsistenz und Stil im gesamten Design zu gewährleisten. Hier finden Sie einige Tipps zum Arbeiten mit Schriftarten in Teamprojekten.
Festlegen von Schriftarten für einen Befehl:
Stellen Sie sicher, dass alle Teammitglieder dieselben Schriftarten installiert haben, bevor Sie mit der Arbeit an einem Projekt beginnen. Dies wird dazu beitragen, mögliche Probleme bei der Anzeige von Text in Figma zu vermeiden und einen einheitlichen Stil für die Verwendung von Schriftarten im Projekt zu gewährleisten. Sie können Schriftarten auf jedem Computer manuell oder mithilfe des Schriftartmanagers installieren.
Erstellen und Verwenden von Schriftstilen:
In Figma können Sie Schriftstile erstellen und verwenden, um schnell und einfach mit Schriftarten zu arbeiten. Erstellen Sie Stile für verschiedene Schriftvarianten wie Überschriften, Unterüberschriften, Absätze und so weiter. Wenn Sie einen Stil auf Text anwenden, wird jede Änderung dieses Stils automatisch auf den gesamten Text mit diesem Stil angewendet, was den Prozess der Aktualisierung der Schriftarten im Projekt erheblich erleichtert.
Schriftdokumentation:
Es ist wichtig, eine Schriftdokumentation zu haben, die Informationen zu allen im Projekt verwendeten Schriftarten enthält. In der Dokumentation können Sie die Größe, Farbe, Gewicht und andere Eigenschaften jeder Schriftart angeben, damit alle Teammitglieder einen einheitlichen Stil beibehalten und die Schriftarten im Projekt richtig verwenden können. Sie können die Dokumentation in jedem beliebigen geeigneten Format erstellen, z. B. als Tabelle oder als Google-Dokument.
Feedback und Überprüfung:
Bei der Arbeit mit Schriftarten im Team ist es wichtig, Feedback auszutauschen und das gesamte Design regelmäßig auf die korrekte Verwendung der Schriftarten zu überprüfen. Stellen Sie sicher, dass alle Schriftarten korrekt angezeigt werden und dem gewünschten Stil entsprechen. Wenn Probleme mit Schriftarten auftreten, besprechen Sie diese mit dem Team und finden Sie gemeinsam eine Lösung.
Wenn Sie diese Tipps befolgen, können Sie in Figma effektiv mit Schriftarten in Teamprojekten arbeiten und qualitativ hochwertige und stilvolle Designs erstellen.