Eine der hilfreichsten Funktionen des kollaborativen Designtools Figma ist die Möglichkeit, Hyperlinks hinzuzufügen. Mit dieser Funktion wird das Verbinden von Online-Seiten einfacher. Hyperlinks erleichtern die Navigation auf einer Website. Über Links erhalten Website-Besucher unter anderem direkten Zugriff auf wichtige Ressourcen und Zielseiten.
Unabhängig davon, ob Sie lernen möchten, wie man Links zu Symbolen und Text hinzufügt oder allgemein Hyperlinks einfügt, wird Ihnen dieser Artikel dabei helfen. Lesen Sie weiter, um sich mit den verschiedenen Methoden vertraut zu machen, mit denen Sie dies erreichen können.
Hyperlink-Erstellung mit Symbol
Dies ist eine der häufigsten Arten von Links, die Sie auf Figma verwenden können. Hier wird das Link-Symbol verwendet, um einen Textlink hinzuzufügen. Diese Schritte funktionieren nicht bei Bildern.
- Markieren Sie anhand des Texts auf einer Seite den Text, den Sie mit einer anderen Seite verknüpfen möchten, indem Sie auf den Anfang des Abschnitts klicken und dann darüber ziehen.
- Nachdem Sie den Text markiert haben, klicken Sie auf das „Link“-Symbol in der Symbolleiste oben im Arbeitsbereich. Dadurch wird über dem bzw. den markierten Wörtern ein Kästchen erstellt.
- Öffnen Sie in einem anderen Tab die Webseite, auf die Sie verlinken möchten, und kopieren Sie deren URL, indem Sie sie zunächst markieren und „Befehl“ + „C“ auf dem Mac oder „Strg“ + „C“ unter Windows drücken.
- Gehen Sie zum URL-Feld über Ihrem markierten Feld und klicken Sie hinein.
- Drücken Sie „Befehl“ + „V“ auf dem Mac oder „Strg“ + „V“ auf Windows. Dadurch können Sie Ihre URL in das Feld einfügen.
- Klicken Sie auf eine leere Stelle auf der Seite oder drücken Sie die Eingabetaste, um den Link zum Text hinzuzufügen. Unter dem Wort erscheint eine Zeile. Wenn Benutzer auf dieses Wort klicken, werden sie zur Linkadresse weitergeleitet.
Verwenden Sie eine Tastenkombination, um Links zu erstellen
Dies ist die zweite Methode, mit der Sie einen Figma-Link erstellen können. Sie können die Tastaturkürzel-Methode verwenden, um Links zu Text, aber nicht zu Bildern hinzuzufügen.
- Wählen Sie den Text oder das Wort aus, das als Link dienen soll.
- Verwenden Sie diese Tastenkombinationen, um ein Feld über dem hervorgehobenen Wort oder Text zu erstellen.
- Drücken Sie auf Windows-Geräten „Strg“ + „K“.
- Drücken Sie auf Mac-Geräten „Befehl“ + „K“.
- Fügen Sie die gewünschte URL in das Feld ein.
- Drücken Sie die „Enter“-Taste, um den Hyperlink zu erstellen.
Nutzen Sie das Prototype-Panel, um Ihren Hyperlink zu erstellen
Diese Methode kann sowohl für Bilder als auch für Text verwendet werden. Es ist eine ideale Option, um ein Bild wie auf Social-Media-Symbolen zu verlinken.
- Wählen Sie Ihren Text oder Ihr Bild aus, indem Sie zuerst darauf klicken.
- Gehen Sie zum Bereich „Eigenschaften“ und öffnen Sie „Prototyp“.
- Wählen Sie im Menü „Prototyp“ unter „Interaktionen“ die aktuelle Interaktion aus, sofern eine verfügbar ist. Wenn noch keins vorhanden ist, klicken Sie auf das „+“-Symbol, um eines hinzuzufügen.
- Passen Sie die Interaktionseinstellungen an, um erfolgreich einen Link hinzuzufügen:
- Stellen Sie die Interaktion auf „Beim Klicken“ ein.
- Die Aktion sollte dann auf „Link öffnen“ eingestellt sein.
- Fügen Sie Ihren Link in das URL-Feld ein.
- Aktivieren Sie die Option „In neuem Tab öffnen“, um einen neuen Tab zu öffnen, wenn ein Benutzer auf den Link tippt.
- Verlassen Sie das Prototypenfenster, um den Bild- oder Textlink hinzuzufügen. Das Bild wird dadurch nicht verändert. Wenn das Design jedoch auf der Registerkarte „Präsentieren“ angezeigt wird, ändert sich Ihr Cursor, wenn Sie mit der Maus über das Bild fahren. Wenn Sie auf das Bild klicken, wird der von Ihnen hinzugefügte Link geöffnet.
Figma-Hyperlinks bearbeiten oder löschen
Wenn Sie der Meinung sind, dass ein Link nicht funktioniert, oder ihn entfernen möchten, können Sie ihn bearbeiten oder löschen. So bearbeiten Sie Ihren Link:
- Bewegen Sie den Mauszeiger über den verlinkten Text, um das Link-Modal zu öffnen.
- Wählen Sie die Option „Bearbeiten“ neben dem Modal, um die Adresse zu bearbeiten.
- Nehmen Sie die erforderlichen Änderungen vor und beenden Sie den Vorgang.
- Zum Löschen leeren Sie das Linkfeld. Dadurch wird Ihre URL vollständig gelöscht und der Text ist nicht mehr verlinkt.
Erhöhen Sie die Zugänglichkeit, indem Sie Hyperlinks zu Figma hinzufügen
Hyperlinks in Figma erleichtern Benutzern die Navigation durch Inhalte. Ihre Links können Benutzer zu anderen Figma-Dateien, Seiten, Frames oder Prototypen weiterleiten. Die Links könnten auch mit externen Websites verbunden sein und Sie zu neuen Browser-Tabs weiterleiten. Es gibt verschiedene Möglichkeiten, Hyperlinks hinzuzufügen, und mit den oben beschriebenen Schritten sollte es einfach sein.