So verknüpfen Sie Seiten in Figma

Erfahren Sie, wie Sie Seiten in Figma mithilfe von Prototyping-Funktionen verknüpfen. Diese Schritt-für-Schritt-Anleitung zeigt Ihnen, wie Sie eine interaktive Navigation zwischen Frames oder Seiten erstellen.

Erstelle beeindruckende Produktvideos und Dokus mit KI

Dieses Tutorial wurde mit Trupeer in weniger als 5 Minuten erstellt

Kostenlos erstellen

Mit einer anderen Seite in Figma verknüpfen:

Wählen Sie das Element aus: Wählen Sie das Objekt (Text, Form usw.) aus, das als Link dienen soll.
Öffnen Sie den Tab „Prototyp“: Wechseln Sie in der rechten Seitenleiste vom Tab „Design“ zum Tab „Prototyp“.
Erstellen Sie die Interaktion: Klicken und ziehen Sie den kreisförmigen Knoten (Interaktionsgriff) von Ihrem ausgewählten Element auf den Zielrahmen der gewünschten Seite.
Konfigurieren Sie die Interaktionsdetails: Stellen Sie im kleinen Einstellungsfeld die „Bei Klick“-Interaktion auf „Navigieren zu“ ein und wählen Sie die Zielseite aus.
Testen Sie Ihren Link: Klicken Sie auf das Symbol „Präsentieren“, um den Prototypmodus zu öffnen und den Link zu testen.

Schritt-für-Schritt-Anleitung: So verknüpfen Sie Seiten in Figma

Schritt 1

Im linken Seitenmenü sehen Sie die Option „Seiten“. Darunter sehen Sie den Designnamen.

From the left side menu, you will see the Pages option. Under that, you will see the design name.

Schritt 2

Dann wählen Sie den Text aus,

Schritt 3

Klicken Sie dann im rechten Seitenmenü auf die Link-Option.

From the right side menu, Click on the link option.

Schritt 4

Geben Sie dann den Text oder den Link ein.

Schritt 5

Sobald Sie fertig sind, tippen Sie einfach auf die jeweilige Schieberegler-Vorlage.

Once done, just tap on the particular slider template.

Schritt 6

Jetzt sehen Sie, dass der Text verlinkt ist.

Profi-Tipps zum Verknüpfen von Seiten in Figma

Öffnen Sie Ihre Designdatei
Starten Sie Figma und öffnen Sie die Datei, in der Sie Seiten oder Frames für die Navigation verknüpfen möchten.
Erstellen oder identifizieren Sie Ihre Frames
Jeder Bildschirm oder jede Seite, die Sie verknüpfen möchten, sollte sich in einem eigenen Frame befinden. Stellen Sie sicher, dass die Frames klar benannt sind, damit sie beim Verknüpfen leicht ausgewählt werden können.
Wählen Sie das Element aus, dem Sie einen Link hinzufügen möchten
Klicken Sie auf eine Schaltfläche, einen Text oder ein anderes interaktives Element, das Sie als Link-Auslöser verwenden möchten.
Wechseln Sie in den Prototypenmodus
Wechseln Sie oben rechts vom Tab „Design“ zum Tab „Prototype“. So können Sie interaktive Links erstellen.
Ziehen Sie den Knoten zum Zielframe
Sie sehen einen kreisförmigen Knoten am rechten Rand Ihres ausgewählten Elements. Ziehen Sie ihn zu dem Frame, mit dem Sie verknüpfen möchten. Dadurch wird eine Verbindungslinie erstellt.

Häufige Stolperfallen und wie Sie sie vermeiden

Den Link auf die falsche Ebene ziehen
Stellen Sie sicher, dass Sie mit einem Frame verknüpfen und nicht mit einer Gruppe oder Form. Nur Frames können in Prototypen als Ziele dienen.
Verknüpfung zwischen Seiten nicht möglich
Figma unterstützt keine direkte Verknüpfung über verschiedene Seiten hinweg. Verschieben Sie die Frames vorübergehend auf dieselbe Seite, verknüpfen Sie sie und positionieren Sie sie bei Bedarf anschließend wieder neu.
Verwirrender Navigationsfluss
Wenn Sie zu viele überlappende Links haben, verwenden Sie Pfeile, Anmerkungen oder ein Flussdiagramm, damit Mitwirkende der Navigation leichter folgen können.
Fehlende Prototyp-Verbindungen in Exporten
Prototyp-Links erscheinen nicht in PDF- oder Bildexporten. Verwenden Sie Figma im Modus „Present“ oder teilen Sie einen Live-Link für interaktive Vorschauen.
Änderungen werden nicht angezeigt
Wenn die Links im Präsentationsmodus nicht funktionieren, aktualisieren Sie den Vorschaubereich oder prüfen Sie noch einmal, ob die Frames versehentlich voneinander getrennt wurden.

Häufige FAQs zum Verknüpfen von Seiten in Figma

Kann ich in Figma einen Frame mit einem anderen verknüpfen?
Ja, verwenden Sie den Prototyp-Modus, um interaktive Elemente mit Ziel-Frames zu verbinden und so eine nahtlose Navigation zu ermöglichen.
Wie verknüpfe ich zwischen verschiedenen Seiten in Figma?
Sie müssen den Ziel-Frame vorübergehend auf dieselbe Seite verschieben, ihn verknüpfen und ihn dann wieder zurückverschieben.
Kann ich Übergänge zwischen verknüpften Seiten hinzufügen?
Ja, wählen Sie beim Verknüpfen eine Animation wie „Dissolve“, „Smart Animate“ oder „Move In“, um sanfte Übergänge zu erstellen.
Wie kann ich Links in der Vorschau anzeigen?
Klicken Sie auf die Schaltfläche „Present“ in der oberen rechten Ecke, um Ihr interaktives Design anzuzeigen und alle Navigationslinks zu testen.
Ist es möglich, zurück zu einem vorherigen Frame zu verlinken?
Ja, erstellen Sie eine separate Interaktion auf einem anderen Element und verlinken Sie sie mithilfe derselben Prototyp-Werkzeuge zurück zum früheren Frame.
Funktioniert Unterstreichen für Text in Komponenten?
Ja, Unterstreichungen funktionieren innerhalb von Komponenten genauso. Stellen Sie nur sicher, dass Sie die richtige Textebene bearbeiten.
Wie nimmt man auf dem Mac den Bildschirm auf?
Um den Bildschirm auf einem Mac aufzunehmen, können Sie Trupeer AI verwenden. Es ermöglicht Ihnen, den gesamten Bildschirm aufzuzeichnen und bietet KI-Funktionen wie das Hinzufügen von KI-Avataren, Voiceover sowie das Hinein- und Herauszoomen im Video. Mit der KI-Videoübersetzungsfunktion von trupeer können Sie das Video in über 30 Sprachen übersetzen.
Wie fügt man einem Bildschirmrecording einen KI-Avatar hinzu?
Um einem Bildschirmrecording einen KI-Avatar hinzuzufügen, müssen Sie ein KI-Bildschirmaufzeichnungstool verwenden. Trupeer AI ist ein KI-Bildschirmaufzeichnungstool, das Ihnen hilft, Videos mit mehreren Avataren zu erstellen, und Sie auch dabei unterstützt, Ihren eigenen Avatar für das Video zu erstellen.
Wie nimmt man unter Windows den Bildschirm auf?
Um unter Windows den Bildschirm aufzunehmen, können Sie die integrierte Game Bar (Windows + G) oder ein fortgeschrittenes KI-Tool wie Trupeer AI für erweiterte Funktionen wie KI-Avatare, Voiceover, Übersetzung usw. verwenden.
Wie füge ich ein Voiceover zu einem Video hinzu?
Um Videos ein Voiceover hinzuzufügen, laden Sie die Chrome-Erweiterung von trupeer ai herunter. Nach der Anmeldung laden Sie Ihr Video mit Ton hoch, wählen Sie das gewünschte Voiceover von trupeer aus und exportieren Sie Ihr bearbeitetes Video.
Wie zoome ich in einer Bildschirmaufnahme hinein?
Verwenden Sie während einer Bildschirmaufnahme die Zoom-Effekte in Trupeer AI, mit denen Sie an bestimmten Momenten hinein- und herauszoomen können, um die visuelle Wirkung Ihrer Videoinhalte zu verstärken.