Heutzutage arbeiten Designer mit einer Vielzahl von Schriftarten und schaffen einzigartige und attraktive Kompositionen. Es ist jedoch manchmal schwierig zu bestimmen, welche Schriftart im Design verwendet wurde. Glücklicherweise gibt es spezielle Werkzeuge, die uns helfen werden, dieses Rätsel zu lösen. In diesem Artikel erfahren Sie, wie Sie die Schriftart in Figma kennen, einem der beliebtesten Grafikeditoren für das Interface–Design.
Schriftarten sind eines der wichtigsten Elemente jedes Designs. Sie können die Stimmung ausdrücken und den Stil der gesamten Komposition festlegen. Das Identifizieren der verwendeten Schriftart ist der erste Schritt, um das Design erfolgreich neu zu erstellen oder eine ähnliche Komposition zu erstellen. Aber was ist, wenn Sie keinen Zugriff auf die Quelldatei haben oder den Autor nicht nach Designdetails fragen können? In diesem Fall kann Figma helfen, ein grafischer Editor, mit dem Sie das Design von Schnittstellen erstellen, bearbeiten und anzeigen können. Aber die Hauptsache, die es Ihnen erlaubt, ist, die verwendeten Schriftarten zu erkennen.
Es ist wichtig zu verstehen, dass Sie ein Layout haben müssen, das geöffnet oder in Figma importiert wurde, um Schriftarten zu definieren. Andernfalls können Sie diese Editor-Funktion nicht verwenden. Jetzt, da Sie das Layout haben, können wir mit der Suche nach der Schriftart beginnen. Figma bietet verschiedene Optionen zum Definieren der verwendeten Schriftart: Sie können den Designer Inspect-Codebereich oder das Plugin zum Definieren von Schriftarten verwenden.
Wie kann ich die in Figma verwendete Schriftart ermitteln
Wenn Sie mit einem Design in Figma arbeiten und herausfinden möchten, welche Schriftart in einem bestimmten Textelement verwendet wird, befolgen Sie diese Anweisungen:
1. Markieren Sie das Textelement, in dem Sie die verwendete Schriftart kennen möchten.
2. Suchen Sie im rechten Bereich, in dem Sie die Eigenschaften dieses Elements sehen, den Abschnitt "Text" (Text) und erweitern Sie ihn.
3. Im Abschnitt "Schriftart" (Font) sehen Sie den Namen der Schriftart, die in diesem Element verwendet wird. Dies kann der Name der Schriftart selbst oder ihrer Familie sein.
4. Wenn Sie weitere Informationen zu einer Schriftart benötigen, können Sie auch auf die Schaltfläche mit dem Plus-Symbol neben dem Schriftnamen klicken. Dadurch wird ein Popup-Fenster mit allen verfügbaren Informationen zur ausgewählten Schriftart geöffnet.
Jetzt wissen Sie, wie Sie die in Figma verwendete Schriftart definieren, und Sie können diese Informationen verwenden, um geeignete Schriftarten für Ihre eigenen Projekte auszuwählen.
Interne Figma-Werkzeuge zum Definieren der Schriftart
Figma verfügt über eine Reihe von integrierten Tools, mit denen Sie die Schriftart bestimmen können, die im Design oder Layout verwendet wird. Diese Werkzeuge vereinfachen den Prozess und ermöglichen es Ihnen, die verwendete Schriftart schnell und genau zu identifizieren.
1. Das Werkzeug "Inspect" (Prüfen)
Das Inspect-Tool ist eine der nützlichsten Funktionen von Figma, mit der Sie Informationen zu jedem Designelement anzeigen und abrufen können. Um die Schriftart zu kennen, wählen Sie das Textelement aus und klicken Sie mit der rechten Maustaste. Wählen Sie dann die Option "Inspect" aus dem Kontextmenü aus. Im geöffneten Fenster werden Informationen zum ausgewählten Element angezeigt, einschließlich Schriftart, Schriftgröße, Einzug und anderer Attribute.
Im Abschnitt "Text" können Sie die verwendete Schriftart, ihren Namen und Parameter wie Fett und Schriftart sehen. Dies hilft Ihnen, die gesuchte Schriftart zu identifizieren und sie in Ihren Projekten zu verwenden.
2. Eigenschaftenfenster beim Auswählen von Text
Wenn Sie in Figma ein Textelement auswählen, wird am unteren Rand des Bildschirms eine Eigenschaftenleiste angezeigt. In diesem Bereich finden Sie Informationen zu Schriftart, Größe, Farbe und anderen Attributen. Suchen Sie nach dem Abschnitt, in dem die Schriftart angegeben ist, und Sie können die Schriftart bestimmen, die im Dokument verwendet wird.
3. Schriftarten in der Figma-Bibliothek suchen
Figma verfügt über eine integrierte Schriftbibliothek, in der Sie verschiedene Schriftarten finden können, die Sie verwenden können. Um eine Schriftart zu finden, können Sie die Suche in der linken Navigationsleiste verwenden oder das Fenster "Fonts" im oberen Bereich öffnen. Sobald Sie die gewünschte Schriftart gefunden haben, können Sie sie anzeigen und in Ihren Projekten verwenden.
Im Mittelpunkt dieser Werkzeuge steht die Idee, den Prozess der Schriftdefinition in Figma zu erleichtern und sicherzustellen, dass das Design genau reproduziert werden kann. Die Verwendung dieser Werkzeuge hilft Ihnen, die Schriftarten zwischen den verschiedenen Designelementen anzupassen und ein vollständiges und hochwertiges visuelles Bild zu erstellen.
Web-Tools zum Definieren einer Schriftart in Figma
Schriftarten spielen eine wichtige Rolle im Webdesign, und manchmal ist es notwendig zu bestimmen, welche Schriftart im Figma-Design verwendet wird. Für diese Aufgabe gibt es verschiedene webbasierte Tools, mit denen Sie die gewünschte Schriftart finden können.
Ein solches Werkzeug ist WhatFont. Dies ist eine Browsererweiterung, mit der Sie eine Schriftart auf jeder Seite definieren können, einschließlich des Designs in Figma. Installieren Sie einfach die Erweiterung in Ihrem Browser, bewegen Sie den Mauszeiger über das Textelement in Figma und erfahren Sie die Informationen über die Schriftart.
Ein weiteres nützliches Werkzeug ist Fount. Es funktioniert ähnlich wie WhatFont und ermöglicht es Ihnen, die Schriftart, die im Figma-Design verwendet wird, schnell zu identifizieren. Installieren Sie einfach die Erweiterung, klicken Sie in der Werkzeugleiste des Browsers auf die Schaltfläche Suchen und wählen Sie den gewünschten Text in Figma aus.
Das Rapportive-Tool ist ebenfalls erwähnenswert. Es ermöglicht Ihnen, die auf einer Webseite verwendete Schriftart anhand eines bestimmten Bildes zu definieren. Sie können einen Screenshot von Figma nach Rapportive hochladen und Informationen über die Schriftart erhalten.
Dies sind nur einige der webbasierten Tools, mit denen Sie eine Schriftart in einem Figma-Design definieren können. Versuchen Sie, sie zu verwenden und wählen Sie diejenige aus, die am besten zu Ihnen passt. ZapFont, WhatFontIs und Fonts Ninja bieten auch eine breite Palette von Funktionen zum Definieren einer Schriftart.
Wie verwende ich Erweiterungen, um eine Schriftart in Figma zu definieren
Wenn Sie mit Layouts und Designs in Figma arbeiten, sind Sie vielleicht daran interessiert zu wissen, welche Schriftart in bestimmten Designelementen verwendet wird. Dazu können Sie verschiedene Erweiterungen verwenden, die Ihnen helfen, die Schriftart in Figma schnell und einfach zu identifizieren.
Hier sind einige beliebte Erweiterungen, die beim Definieren einer Schriftart hilfreich sein können:
- WhatFont - dies ist eine Erweiterung für den Google Chrome-Browser, mit der Sie eine Schriftart auf jeder Webseite, einschließlich eines Layouts in Figma, schnell erkennen können. Nachdem Sie die Erweiterung installiert haben, bewegen Sie einfach den Mauszeiger über den Text, um die darin verwendete Schriftart herauszufinden.
- FontFinder - dies ist eine Erweiterung für den Mozilla Firefox-Browser, mit der Sie auch eine Schriftart auf Webseiten definieren können. Es ist auch mit Figma kompatibel. Wählen Sie einfach den Text im Layout aus und die Erweiterung zeigt Informationen über die verwendete Schriftart an.
- Fontanello - Dies ist eine Erweiterung für den Safari-Browser, mit der Sie Schriftarten und deren Einstellungen auf Webseiten erkennen können. Es kann auch in Figma verwendet werden, um eine Schriftart auf einem Layout zu definieren.
Die Installation und Verwendung dieser Erweiterungen ist normalerweise einfach und erfordert nur wenige Klicks. Sobald die Erweiterung installiert ist, können Sie Schriftarten in beliebigen Layouts in Figma schnell und einfach erkennen. Dies kann besonders nützlich sein, wenn Sie die gleiche Schriftart in Ihrem Projekt verwenden müssen oder einfach nur herausfinden müssen, welche Schriftart im Layout verwendet wird, um das passende Gegenstück zu finden.
