Tutorials

So verlinken Sie Seiten in Figma

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

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Mit Trupeer anfangen

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Mit Trupeer anfangen

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Mit Trupeer anfangen

Verknüpfung zu einer anderen Seite innerhalb von Figma:

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

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

Schritt 1

Im linken Menü sehen Sie die Seitenoption. Darunter sehen Sie den Namen des Designs.

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

Schritt 2

Wählen Sie dann den Text aus,

Then select the text,

Schritt 3

Wählen Sie im rechten Seitenmenü die Link-Option.

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

Schritt 4

Geben Sie dann den Text oder den Link ein.

Then enter the text or link.

Schritt 5

Sobald Sie fertig sind, tippen Sie einfach auf die jeweilige Schiebervorlage.

Once done, just tap on the particular slider template.

Schritt 6

Jetzt sehen Sie, dass der Text verlinkt ist.

Now you will see the text is linked.

Verknüpfung zu einer anderen Seite innerhalb von Figma:

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

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

Schritt 1

Im linken Menü sehen Sie die Seitenoption. Darunter sehen Sie den Namen des Designs.

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

Schritt 2

Wählen Sie dann den Text aus,

Then select the text,

Schritt 3

Wählen Sie im rechten Seitenmenü die Link-Option.

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

Schritt 4

Geben Sie dann den Text oder den Link ein.

Then enter the text or link.

Schritt 5

Sobald Sie fertig sind, tippen Sie einfach auf die jeweilige Schiebervorlage.

Once done, just tap on the particular slider template.

Schritt 6

Jetzt sehen Sie, dass der Text verlinkt ist.

Now you will see the text is linked.

Beginnen Sie kostenlos mit der Erstellung von Videos mit unserem AI Video + Doc-Generator.

Erkunde Trupeer

Beginnen Sie kostenlos mit der Erstellung von Videos mit unserem AI Video + Doc-Generator.

Erkunde Trupeer

Beginnen Sie kostenlos mit der Erstellung von Videos mit unserem AI Video + Doc-Generator.

Erkunde Trupeer

Profi-Tipps zum Verlinken von Seiten in Figma

  1. Öffnen Sie Ihre Design-Datei
    Beginnen Sie mit dem Start von Figma und öffnen Sie die Datei, in der Sie Seiten oder Frames für die Navigation verlinken möchten.

  2. Erstellen oder Identifizieren Sie Ihre Frames
    Jeder Bildschirm oder jede Seite, die Sie verlinken möchten, sollte sich in seinem eigenen Frame befinden. Stellen Sie sicher, dass die Frames klar benannt sind, um eine einfache Auswahl während des Verlinkens zu ermöglichen.

  3. 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 Linkauslöser verwenden möchten.

  4. Geben Sie den Prototypenmodus ein
    Wechseln Sie in der oberen rechten Ecke vom Tab „Design“ zum Tab „Prototyp“. Dadurch können Sie interaktive Links erstellen.

  5. Ziehen Sie den Knoten zum Ziel-Frame
    Sie sehen einen kreisförmigen Knoten am rechten Rand Ihres ausgewählten Elements. Ziehen Sie ihn zu dem Frame, zu dem Sie verlinken möchten. Dadurch wird eine Verbindungslinie erstellt.

Häufige Fehler und wie man sie vermeidet

  1. Link zum falschen Verlauf ziehen
    Stellen Sie sicher, dass Sie zu einem Frame und nicht zu einer Gruppe oder einer Form verlinken. Nur Frames können als Ziele in Prototypen dienen.

  2. Verlinken zwischen Seiten nicht möglich
    Figma unterstützt kein direktes Verlinken zwischen verschiedenen Seiten. Verschieben Sie die Frames vorübergehend auf dieselbe Seite, verlinken Sie sie und positionieren Sie sie bei Bedarf erneut.

  3. Verwirrender Navigationsfluss
    Wenn Sie zu viele sich überlappende Links haben, verwenden Sie Pfeile, Anmerkungen oder ein Flussdiagramm, um den Mitarbeitern zu helfen, die Navigation nachzuvollziehen.

  4. Fehlende Prototypverbindungen in Exporten
    Prototyp-Links erscheinen nicht in PDF- oder Bildexporten. Verwenden Sie den „Präsentieren“-Modus von Figma oder teilen Sie einen Live-Link für interaktive Vorschauen.

  5. Änderungen werden nicht angezeigt
    Wenn Links im Präsentationsmodus nicht funktionieren, aktualisieren Sie die Vorschau-Registerkarte oder überprüfen Sie, ob Frames versehentlich entlinkt wurden.

Profi-Tipps zum Verlinken von Seiten in Figma

  1. Öffnen Sie Ihre Design-Datei
    Beginnen Sie mit dem Start von Figma und öffnen Sie die Datei, in der Sie Seiten oder Frames für die Navigation verlinken möchten.

  2. Erstellen oder Identifizieren Sie Ihre Frames
    Jeder Bildschirm oder jede Seite, die Sie verlinken möchten, sollte sich in seinem eigenen Frame befinden. Stellen Sie sicher, dass die Frames klar benannt sind, um eine einfache Auswahl während des Verlinkens zu ermöglichen.

  3. 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 Linkauslöser verwenden möchten.

  4. Geben Sie den Prototypenmodus ein
    Wechseln Sie in der oberen rechten Ecke vom Tab „Design“ zum Tab „Prototyp“. Dadurch können Sie interaktive Links erstellen.

  5. Ziehen Sie den Knoten zum Ziel-Frame
    Sie sehen einen kreisförmigen Knoten am rechten Rand Ihres ausgewählten Elements. Ziehen Sie ihn zu dem Frame, zu dem Sie verlinken möchten. Dadurch wird eine Verbindungslinie erstellt.

Häufige Fehler und wie man sie vermeidet

  1. Link zum falschen Verlauf ziehen
    Stellen Sie sicher, dass Sie zu einem Frame und nicht zu einer Gruppe oder einer Form verlinken. Nur Frames können als Ziele in Prototypen dienen.

  2. Verlinken zwischen Seiten nicht möglich
    Figma unterstützt kein direktes Verlinken zwischen verschiedenen Seiten. Verschieben Sie die Frames vorübergehend auf dieselbe Seite, verlinken Sie sie und positionieren Sie sie bei Bedarf erneut.

  3. Verwirrender Navigationsfluss
    Wenn Sie zu viele sich überlappende Links haben, verwenden Sie Pfeile, Anmerkungen oder ein Flussdiagramm, um den Mitarbeitern zu helfen, die Navigation nachzuvollziehen.

  4. Fehlende Prototypverbindungen in Exporten
    Prototyp-Links erscheinen nicht in PDF- oder Bildexporten. Verwenden Sie den „Präsentieren“-Modus von Figma oder teilen Sie einen Live-Link für interaktive Vorschauen.

  5. Änderungen werden nicht angezeigt
    Wenn Links im Präsentationsmodus nicht funktionieren, aktualisieren Sie die Vorschau-Registerkarte oder überprüfen Sie, ob Frames versehentlich entlinkt wurden.

Häufige FAQs zum Verlinken von Seiten in Figma

  1. Kann ich einen Frame mit einem anderen in Figma verlinken?
    Ja, verwenden Sie den Prototyp-Modus, um interaktive Elemente mit Ziel-Frames für eine nahtlose Navigation zu verbinden.

  2. Wie verlinke ich zwischen verschiedenen Seiten in Figma?
    Sie müssen den Ziel-Frame vorübergehend auf die gleiche Seite verschieben, ihn verlinken und dann wieder zurück bewegen.

  3. Kann ich Übergänge zwischen verlinkten Seiten hinzufügen?
    Ja, wählen Sie beim Verlinken eine Animation wie „Verblassen“, „Intelligente Animation“ oder „Reinbewegen“, um sanfte Übergänge zu erstellen.

  4. Wie kann ich Links in der Vorschau ansehen?
    Klicken Sie auf die Schaltfläche „Präsentieren“ in der oberen rechten Ecke, um Ihr interaktives Design anzuzeigen und alle Navigationslinks zu testen.

  5. Ist es möglich, zu einem vorherigen Frame zurück zu verlinken?
    Ja, erstellen Sie eine separate Interaktion auf einem anderen Element und verlinken Sie es zurück zum vorherigen Frame mit denselben Prototyp-Tools.

  6. Funktioniert Unterstreichen für Text in Komponenten?
    Ja, Unterstreichen funktioniert in Komponenten auf die gleiche Weise. Stellen Sie nur sicher, dass Sie die richtige Textschicht bearbeiten.

  7. Wie mache ich eine Bildschirmaufnahme auf dem Mac?
    Um eine Bildschirmaufnahme auf einem Mac zu machen, können Sie Trupeer AI verwenden. Es ermöglicht Ihnen, den gesamten Bildschirm aufzunehmen und bietet KI-Funktionen wie das Hinzufügen von KI-Avataren, das Hinzufügen von Sprachübertragung sowie das Hinein- und Herauszoomen im Video. Mit der KI-Videoübersetzungsfunktion von trupeer können Sie das Video in über 30 Sprachen übersetzen.

  8. Wie füge ich einen KI-Avatar zur Bildschirmaufnahme hinzu?
    Um einen KI-Avatar zu einer Bildschirmaufnahme hinzuzufügen, müssen Sie ein KI-Bildschirmaufnahme-Tool verwenden. Trupeer AI ist ein KI-Bildschirmaufnahme-Tool, das Ihnen hilft, Videos mit mehreren Avataren zu erstellen, und Ihnen auch hilft, Ihren eigenen Avatar für das Video zu erstellen.

  9. Wie mache ich eine Bildschirmaufnahme unter Windows?
    Um eine Bildschirmaufnahme unter Windows zu machen, können Sie die integrierte Spielleiste (Windows + G) oder ein fortschrittliches KI-Tool wie Trupeer AI für erweiterte Funktionen wie KI-Avatare, Sprachübertragung, Übersetzung usw. verwenden.

  10. Wie füge ich Sprachübertragung zu einem Video hinzu?
    Um Sprachübertragung zu Videos hinzuzufügen, laden Sie die Trupeer AI Chrome-Erweiterung herunter. Sobald Sie sich angemeldet haben, laden Sie Ihr Video mit Sprachübertragung hoch, wählen Sie die gewünschte Sprachübertragung von trupeer aus und exportieren Sie Ihr bearbeitetes Video.

  11. Wie kann ich während einer Bildschirmaufnahme hereinzoomen?
    Um während einer Bildschirmaufnahme herein zu zoomen, verwenden Sie die Zoomeffekte in Trupeer AI, die es Ihnen ermöglichen, zu bestimmten Momenten herein- und herauszuzoomen und so die visuelle Wirkung Ihres Videoinhalts zu verbessern.


Menschen fragen auch

Technische Dokumentationsgenerator

Benutzerhandbuch

Wissensdatenbank-Software

Wie man den Frame-Namen in Figma ausblendet

Wie man eine Figma-Datei speichert

Wie man ein Gitter in Figma erstellt

Wie man ein Gitter in Figma macht

Wie man den Hintergrund in Figma unscharf macht

Häufige FAQs zum Verlinken von Seiten in Figma

  1. Kann ich einen Frame mit einem anderen in Figma verlinken?
    Ja, verwenden Sie den Prototyp-Modus, um interaktive Elemente mit Ziel-Frames für eine nahtlose Navigation zu verbinden.

  2. Wie verlinke ich zwischen verschiedenen Seiten in Figma?
    Sie müssen den Ziel-Frame vorübergehend auf die gleiche Seite verschieben, ihn verlinken und dann wieder zurück bewegen.

  3. Kann ich Übergänge zwischen verlinkten Seiten hinzufügen?
    Ja, wählen Sie beim Verlinken eine Animation wie „Verblassen“, „Intelligente Animation“ oder „Reinbewegen“, um sanfte Übergänge zu erstellen.

  4. Wie kann ich Links in der Vorschau ansehen?
    Klicken Sie auf die Schaltfläche „Präsentieren“ in der oberen rechten Ecke, um Ihr interaktives Design anzuzeigen und alle Navigationslinks zu testen.

  5. Ist es möglich, zu einem vorherigen Frame zurück zu verlinken?
    Ja, erstellen Sie eine separate Interaktion auf einem anderen Element und verlinken Sie es zurück zum vorherigen Frame mit denselben Prototyp-Tools.

  6. Funktioniert Unterstreichen für Text in Komponenten?
    Ja, Unterstreichen funktioniert in Komponenten auf die gleiche Weise. Stellen Sie nur sicher, dass Sie die richtige Textschicht bearbeiten.

  7. Wie mache ich eine Bildschirmaufnahme auf dem Mac?
    Um eine Bildschirmaufnahme auf einem Mac zu machen, können Sie Trupeer AI verwenden. Es ermöglicht Ihnen, den gesamten Bildschirm aufzunehmen und bietet KI-Funktionen wie das Hinzufügen von KI-Avataren, das Hinzufügen von Sprachübertragung sowie das Hinein- und Herauszoomen im Video. Mit der KI-Videoübersetzungsfunktion von trupeer können Sie das Video in über 30 Sprachen übersetzen.

  8. Wie füge ich einen KI-Avatar zur Bildschirmaufnahme hinzu?
    Um einen KI-Avatar zu einer Bildschirmaufnahme hinzuzufügen, müssen Sie ein KI-Bildschirmaufnahme-Tool verwenden. Trupeer AI ist ein KI-Bildschirmaufnahme-Tool, das Ihnen hilft, Videos mit mehreren Avataren zu erstellen, und Ihnen auch hilft, Ihren eigenen Avatar für das Video zu erstellen.

  9. Wie mache ich eine Bildschirmaufnahme unter Windows?
    Um eine Bildschirmaufnahme unter Windows zu machen, können Sie die integrierte Spielleiste (Windows + G) oder ein fortschrittliches KI-Tool wie Trupeer AI für erweiterte Funktionen wie KI-Avatare, Sprachübertragung, Übersetzung usw. verwenden.

  10. Wie füge ich Sprachübertragung zu einem Video hinzu?
    Um Sprachübertragung zu Videos hinzuzufügen, laden Sie die Trupeer AI Chrome-Erweiterung herunter. Sobald Sie sich angemeldet haben, laden Sie Ihr Video mit Sprachübertragung hoch, wählen Sie die gewünschte Sprachübertragung von trupeer aus und exportieren Sie Ihr bearbeitetes Video.

  11. Wie kann ich während einer Bildschirmaufnahme hereinzoomen?
    Um während einer Bildschirmaufnahme herein zu zoomen, verwenden Sie die Zoomeffekte in Trupeer AI, die es Ihnen ermöglichen, zu bestimmten Momenten herein- und herauszuzoomen und so die visuelle Wirkung Ihres Videoinhalts zu verbessern.


Menschen fragen auch

Technische Dokumentationsgenerator

Benutzerhandbuch

Wissensdatenbank-Software

Wie man den Frame-Namen in Figma ausblendet

Wie man eine Figma-Datei speichert

Wie man ein Gitter in Figma erstellt

Wie man ein Gitter in Figma macht

Wie man den Hintergrund in Figma unscharf macht

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Mit Trupeer anfangen

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Mit Trupeer anfangen

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Mit Trupeer anfangen

Beginnen Sie mit der Erstellung von Videos mit unserem KI-Video- und Dokumentengenerator.

Starten Sie Ihre kostenlose Testversion

Sofortige KI-Produktvideos und -dokumente aus groben Bildschirmaufnahmen

Jetzt kostenlos starten

Jetzt kostenlos starten

Erleben Sie den neuen und schnelleren Weg, Produktvideos zu erstellen.

Sofortige KI-Produktvideos und -dokumente aus groben Bildschirmaufnahmen.

Get started for free

Jetzt kostenlos starten

Erleben Sie den neuen und schnelleren Weg, Produktvideos zu erstellen.

Sofortige KI-Produktvideos und -dokumente aus groben Bildschirmaufnahmen.

Get started for free

Jetzt kostenlos starten

Erleben Sie den neuen und schnelleren Weg, Produktvideos zu erstellen.

Sofortige KI-Produktvideos und -dokumente aus groben Bildschirmaufnahmen.

Get started for free

Jetzt kostenlos starten