Figma – es ist ein beliebtes Interface-Design-Tool, mit dem Sie Projekte erstellen, prototypen erstellen und gemeinsam an Projekten arbeiten können. Eine der wichtigsten Funktionen von Figma besteht darin, Links zu Frames zu erstellen, mit denen Sie schnell durch sie navigieren können, ohne ständig nach den gewünschten Bildschirmen suchen zu müssen. Wie kann ich eine solche Referenz erstellen und die Arbeit mit dem Projekt in Figma optimieren?
Schritt 1. Wählen Sie den Rahmen aus, für den Sie eine Verknüpfung erstellen möchten.
Bevor Sie einen Frame-Verweis erstellen können, müssen Sie den gewünschten Frame in Ihrem Projekt auswählen. Navigieren Sie dazu zum gewünschten Dokument und wählen Sie einen Rahmen auf der Bühne aus. Dies kann ein Rahmen sein, der das Design einer Seite, eines mobilen App-Bildschirms oder eines anderen Oberflächenelements enthält.
Schritt 2. Öffnen Sie das Fenster Rahmeneinstellungen.
Nachdem Sie einen Rahmen ausgewählt haben, klicken Sie mit der rechten Maustaste darauf und wählen Sie im Kontextmenü die Option Rahmeneinstellungen aus. In diesem Bereich können Sie verschiedene Optionen für den Rahmen anpassen, einschließlich Größe, Verhalten und Tags.
Schritt 3. Erstellen Sie einen Verweis auf den Rahmen.
Suchen Sie im Bereich "Rahmeneinstellungen" nach dem Abschnitt "Links" und klicken Sie auf die Schaltfläche "Link hinzufügen". Geben Sie im angezeigten Fenster einen Namen für den Link ein und wählen Sie den Rahmen aus, auf den Sie verweisen möchten. Klicken Sie danach auf die Schaltfläche Speichern und der Link zum Rahmen wird erstellt.
Jetzt, da Sie einen Frame-Verweis haben, können Sie damit schnell zum gewünschten Bildschirm in Ihrem Projekt navigieren. Klicken Sie einfach auf den Link und Figma öffnet den gewünschten Frame im Ansichtsmodus. Dies vereinfacht die Projektnavigation erheblich und ermöglicht eine schnelle Suche nach den gewünschten Bildschirmen.
Figma-Funktionen zum Verknüpfen von Frames
Eine der Hauptfunktionen von Figma besteht darin, Hyperlinks direkt in Ihrem Design zu erstellen. Um dies zu tun, müssen Sie das Objekt auswählen, das Sie referenzieren möchten, und dann die gewünschte Aktion darauf anwenden.
Sie können ein beliebiges Objekt referenzieren, einschließlich Textblöcken, Bildern, Schaltflächen und anderen Elementen. Zum Erstellen einer Verknüpfung müssen Sie ein Objekt auswählen und mit der rechten Maustaste klicken und dann im Kontextmenü "Link erstellen" auswählen.
Danach werden Sie aufgefordert, den Zielrahmen auszuwählen, auf den der Link verweisen soll. Sie können einen Rahmen auf derselben Seite auswählen oder mit der Dropdown-Liste zu einer anderen Seite navigieren.
Nachdem Sie den Rahmen ausgewählt haben, wird ein Link erstellt und Sie können ihn im Prototyping-Modus Ihres Projekts anzeigen. Sie können verschiedene Arten von Interaktionen für Links festlegen, z. B. zu einem anderen Rahmen wechseln, in einem neuen Tab öffnen oder eine Aktion ausführen.
Das Referenzieren von Frames ist eine der wichtigsten Funktionen von Figma, die beim Erstellen von Prototypen und interaktiven Benutzeroberflächen hilft. Es vereinfacht die Interaktion mit dem Design und macht es einfach, sich zwischen verschiedenen Abschnitten Ihres Projekts zu bewegen.
Schritt 1. Öffnet den Rahmen, auf den verwiesen werden soll
- Wählen Sie die gewünschte Projektdatei aus und klicken Sie darauf.
- Nach dem Öffnen der Datei sehen Sie eine Ebenenleiste auf der linken Seite des Bildschirms.
- Suchen Sie im Ebenenbedienfeld den gewünschten Rahmen und klicken Sie darauf.
- Der Rahmen muss geöffnet werden und zur Bearbeitung aktiv werden. Jetzt können Sie mit dem nächsten Schritt fortfahren - Erstellen Sie einen Link.
Beachten Sie, dass Sie in Figma mit mehreren Frames in einem Projekt arbeiten können. Wenn Sie einen Verweis auf einen anderen Frame erstellen müssen, wiederholen Sie die obige Vorgehensweise für den gewünschten Frame.
Schritt 2. Auswählen der Methode zum Erstellen einer Frameverknüpfung
Nachdem Sie den gewünschten Rahmen oder das gewünschte Objekt in Figma ausgewählt haben, müssen Sie einen Verweis darauf erstellen. Es gibt mehrere Möglichkeiten, einen Link zu erstellen:
- Wählen Sie einen Rahmen aus und klicken Sie mit der rechten Maustaste. Klicken Sie im Kontextmenü auf "Link erstellen". Danach stehen Ihnen verschiedene Einstellungen als Referenz zur Verfügung.
- Verwenden Sie die Tastenkombination Strg + K (für Windows) oder Cmd + K (für Mac). Dies ist eine schnelle Möglichkeit, einen Link zu erstellen, ohne ein Kontextmenü öffnen zu müssen.
Beide Methoden sind einfach und bequem. Sie müssen diejenige auswählen, die Ihnen am besten gefällt oder für Ihren Workflow bequemer ist. Sobald Sie einen Link erstellt haben, können Sie mit der Konfiguration seiner Eigenschaften beginnen und mit den nächsten Arbeitsschritten fortfahren.
Schritt 3. Einrichten einer Frameverknüpfung
Nachdem Sie den Rahmen erstellt und einen Link im Text hinzugefügt haben, müssen Sie den Link selbst konfigurieren. Führen Sie dazu die folgenden Schritte aus:
- Markieren Sie den Text oder das Objekt, auf das Sie verweisen möchten.
- Klicken Sie mit der rechten Maustaste auf das ausgewählte Objekt und wählen Sie im Kontextmenü die Option Verknüpfung erstellen aus.
- Geben Sie im angezeigten Fenster die URL der Seite ein, zu der Sie navigieren möchten, wenn Sie auf den Link klicken.
- Klicken Sie auf Fertig stellen, um die Erstellung des Links abzuschließen.
Nachdem Sie diese Schritte ausgeführt haben, wird der Text oder das Objekt, zu dem Sie einen Link hinzugefügt haben, farblich hervorgehoben und unterstrichen, was bedeutet, dass es sich um einen aktiven Link handelt. Wenn Sie nun auf den Link klicken, wird der Benutzer zu der von Ihnen angegebenen Seite weitergeleitet.
Sie können auch verschiedene Optionen für den Link anpassen, z. B. das Öffnen in einem neuen Tab oder das Ändern der Farbe beim Schweben. Dazu müssen Sie die Style- oder Interface-Funktionen von Figma verwenden.
Schritt 4. Überprüfen der Integrität des Frameverweises
Nachdem Sie in Figma einen Frame-Verweis in Ihrem Design hinzugefügt haben, müssen Sie sicherstellen, dass er ordnungsgemäß funktioniert. Dafür:
- Wählen Sie das Prototyping-Werkzeug in der unteren Symbolleiste aus.
- Klicken Sie auf das Element, zu dem Sie einen Link hinzugefügt haben.
- Eine Liste der Aktionen wird im rechten Fensterbereich angezeigt. Wählen Sie "Zu einem anderen Rahmen wechseln" aus der Liste aus.
- Wählen Sie im Dropdown-Menü den Rahmen aus, auf den verwiesen werden soll.
- Speichern Sie die Änderungen und klicken Sie auf die Schaltfläche "Prototyp anzeigen" in der oberen rechten Ecke des Bildschirms.
Anmerkung: Stellen Sie sicher, dass sich der Frame, auf den Ihr Link verweist, im selben Projekt befindet. Wenn sich der Rahmen in einem anderen Projekt befindet, müssen Sie einen Verweis auf dieses Projekt angeben.
Nachdem Sie diese Schritte ausgeführt haben, sollte Ihre Frame-Referenz funktionieren und den Benutzer zum ausgewählten Frame in Figma umleiten.
