Tutorial

Come collegare le pagine in Figma

Scopri come collegare pagine in Figma utilizzando le funzionalità di prototipazione. Questa guida passo-passo ti mostra come creare una navigazione interattiva tra frame o pagine.

Inizia a creare video con il nostro generatore di video + documenti AI

Inizia a creare video con il nostro generatore di video + documenti AI

Inizia a creare video con il nostro generatore di video + documenti AI

Collegare a un'altra pagina all'interno di Figma:

Seleziona l'elemento: Scegli l'oggetto (testo, forma, ecc.) che vuoi utilizzare come collegamento. 
Apri la scheda Prototipo: Nella barra laterale a destra, passa dalla scheda Design alla scheda Prototipo. 
Crea l'interazione: Fai clic e trascina il nodo circolare (maniglia di interazione) dal tuo elemento selezionato al frame di destinazione nella pagina desiderata. 
Configura i dettagli dell'interazione: Nella piccola casella delle impostazioni, imposta l'interazione "Al clic" su "Naviga verso" e seleziona la pagina di destinazione. 
Testa il tuo collegamento: Fai clic sull'icona "Presenta" per entrare in modalità prototipo e testare il collegamento. 

Guida passo passo: Come collegare pagine in Figma

Passo 1

Dalla barra di menu a sinistra, vedrai l'opzione Pagine. Sotto di essa, vedrai il nome del design.

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

Passo 2

Seleziona il testo,

Then select the text,

Passo 3

Dalla barra di menu a destra, fai clic sull'opzione collegamento.

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

Passo 4

Inserisci il testo o il link.

Then enter the text or link.

Passo 5

Una volta fatto, tocca semplicemente il modello del cursore particolare.

Once done, just tap on the particular slider template.

Passo 6

Ora vedrai che il testo è collegato.

Now you will see the text is linked.

Collegare a un'altra pagina all'interno di Figma:

Seleziona l'elemento: Scegli l'oggetto (testo, forma, ecc.) che vuoi utilizzare come collegamento. 
Apri la scheda Prototipo: Nella barra laterale a destra, passa dalla scheda Design alla scheda Prototipo. 
Crea l'interazione: Fai clic e trascina il nodo circolare (maniglia di interazione) dal tuo elemento selezionato al frame di destinazione nella pagina desiderata. 
Configura i dettagli dell'interazione: Nella piccola casella delle impostazioni, imposta l'interazione "Al clic" su "Naviga verso" e seleziona la pagina di destinazione. 
Testa il tuo collegamento: Fai clic sull'icona "Presenta" per entrare in modalità prototipo e testare il collegamento. 

Guida passo passo: Come collegare pagine in Figma

Passo 1

Dalla barra di menu a sinistra, vedrai l'opzione Pagine. Sotto di essa, vedrai il nome del design.

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

Passo 2

Seleziona il testo,

Then select the text,

Passo 3

Dalla barra di menu a destra, fai clic sull'opzione collegamento.

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

Passo 4

Inserisci il testo o il link.

Then enter the text or link.

Passo 5

Una volta fatto, tocca semplicemente il modello del cursore particolare.

Once done, just tap on the particular slider template.

Passo 6

Ora vedrai che il testo è collegato.

Now you will see the text is linked.

Inizia a creare video con il nostro generatore di video e documenti AI gratuitamente

Inizia a creare video con il nostro generatore di video e documenti AI gratuitamente

Inizia a creare video con il nostro generatore di video e documenti AI gratuitamente

Consigli Pro per Collegare Pagine in Figma

  1. Apri il tuo File di Design
    Inizia avviando Figma e aprendo il file in cui desideri collegare pagine o frame per la navigazione.

  2. Crea o Identifica i Tuoi Frame
    Ogni schermata o pagina che desideri collegare dovrebbe essere all'interno del proprio frame. Assicurati che i frame siano nominati chiaramente per una facile selezione durante il collegamento.

  3. Seleziona l'Elemento per Aggiungere un Link
    Fai clic su un pulsante, un testo o qualsiasi altro elemento interattivo che desideri utilizzare come attivatore del link.

  4. Entra nella Modalità Prototype
    In alto a destra, passa dalla scheda “Design” alla scheda “Prototype”. Questo ti consente di creare collegamenti interattivi.

  5. Trascina il Nodo verso il Frame di Destinazione
    Vedrai un nodo circolare sul bordo destro del tuo elemento selezionato. Trascinalo verso il frame a cui desideri collegarti. Questo creerà una linea di collegamento.

Trappole Comuni e Come Evitarle

  1. Trascinamento del Link sul Livello Sbagliato
    Assicurati di collegarti a un frame, non a un gruppo o a una forma. Solo i frame possono fungere da destinazioni nei prototipi.

  2. Impossibile Collegare tra Pagine
    Figma non supporta il collegamento diretto tra diverse pagine. Sposta temporaneamente i frame sulla stessa pagina, collegali e poi riposizionali se necessario.

  3. Flusso di Navigazione Confuso
    Se hai troppi collegamenti sovrapposti, utilizza frecce, annotazioni o un diagramma di flusso per aiutare i collaboratori a seguire la navigazione.

  4. Collegamenti del Prototype Mancanti negli Esportazioni
    I collegamenti del prototipo non appaiono nelle esportazioni PDF o immagini. Usa la modalità “Presenta” di Figma o condividi un link live per anteprime interattive.

  5. Modifiche Non Riflettenti
    Se i collegamenti non funzionano in modalità presentazione, aggiorna la scheda di anteprima o controlla se i frame sono stati accidentalmente scollegati.

Consigli Pro per Collegare Pagine in Figma

  1. Apri il tuo File di Design
    Inizia avviando Figma e aprendo il file in cui desideri collegare pagine o frame per la navigazione.

  2. Crea o Identifica i Tuoi Frame
    Ogni schermata o pagina che desideri collegare dovrebbe essere all'interno del proprio frame. Assicurati che i frame siano nominati chiaramente per una facile selezione durante il collegamento.

  3. Seleziona l'Elemento per Aggiungere un Link
    Fai clic su un pulsante, un testo o qualsiasi altro elemento interattivo che desideri utilizzare come attivatore del link.

  4. Entra nella Modalità Prototype
    In alto a destra, passa dalla scheda “Design” alla scheda “Prototype”. Questo ti consente di creare collegamenti interattivi.

  5. Trascina il Nodo verso il Frame di Destinazione
    Vedrai un nodo circolare sul bordo destro del tuo elemento selezionato. Trascinalo verso il frame a cui desideri collegarti. Questo creerà una linea di collegamento.

Trappole Comuni e Come Evitarle

  1. Trascinamento del Link sul Livello Sbagliato
    Assicurati di collegarti a un frame, non a un gruppo o a una forma. Solo i frame possono fungere da destinazioni nei prototipi.

  2. Impossibile Collegare tra Pagine
    Figma non supporta il collegamento diretto tra diverse pagine. Sposta temporaneamente i frame sulla stessa pagina, collegali e poi riposizionali se necessario.

  3. Flusso di Navigazione Confuso
    Se hai troppi collegamenti sovrapposti, utilizza frecce, annotazioni o un diagramma di flusso per aiutare i collaboratori a seguire la navigazione.

  4. Collegamenti del Prototype Mancanti negli Esportazioni
    I collegamenti del prototipo non appaiono nelle esportazioni PDF o immagini. Usa la modalità “Presenta” di Figma o condividi un link live per anteprime interattive.

  5. Modifiche Non Riflettenti
    Se i collegamenti non funzionano in modalità presentazione, aggiorna la scheda di anteprima o controlla se i frame sono stati accidentalmente scollegati.

Domande frequenti comuni sui collegamenti tra le pagine in Figma

  1. Posso collegare un telaio a un altro in Figma?
    Sì, usa la modalità Prototipo per collegare elementi interattivi a frame target per una navigazione senza soluzione di continuità.

  2. Come posso collegare diverse pagine in Figma?
    Devi spostare temporaneamente il frame di destinazione nella stessa pagina, collegarlo e poi riportarlo indietro.

  3. Posso aggiungere transizioni tra le pagine collegate?
    Sì, quando colleghi, scegli un'animazione come “Dissolvi”, “Smart Animate” o “Muovi Dentro” per creare transizioni fluide.

  4. Come posso visualizzare i collegamenti?
    Clicca il pulsante “Presenta” nell'angolo in alto a destra per visualizzare il tuo design interattivo e testare tutti i collegamenti di navigazione.

  5. È possibile collegarsi a un frame precedente?
    Sì, crea un'interazione separata su un altro elemento e collegalo al frame precedente utilizzando gli stessi strumenti di prototipo.

  6. Funziona la sottolineatura per il testo all'interno dei componenti?
    Sì, la sottolineatura funziona allo stesso modo all'interno dei componenti. Assicurati solo di modificare il livello di testo corretto.

  7. Come registrare lo schermo su Mac? 
    Per registrare lo schermo su un Mac, puoi utilizzare Trupeer AI. Ti consente di catturare l'intero schermo e offre funzionalità AI come l'aggiunta di avatar AI, narrazione, ingrandimento e rimpicciolimento nel video. Con la funzione di traduzione video di trupeer, puoi tradurre il video in oltre 30 lingue. 

  8. Come aggiungere un avatar AI alla registrazione dello schermo?
    Per aggiungere un avatar AI a una registrazione dello schermo, dovrai utilizzare un strumento di registrazione dello schermo AI. Trupeer AI è uno strumento di registrazione dello schermo AI, che ti aiuta a creare video con più avatar, ti aiuta anche a creare il tuo avatar per il video.

  9. Come registrare lo schermo su Windows?
    Per registrare lo schermo su Windows, puoi utilizzare la barra dei giochi integrata (Windows + G) o uno strumento AI avanzato come Trupeer AI per funzionalità più avanzate come avatar AI, narrazione, traduzione, ecc.

  10. Come aggiungere narrazione a un video?
    Per aggiungere narrazione ai video, scarica l'estensione chrome di trupeer ai. Una volta registrato, carica il tuo video con voce, scegli la narrazione desiderata da trupeer ed esporta il tuo video modificato. 

  11. Come faccio a ingrandire durante una registrazione dello schermo?
    Per ingrandire durante una registrazione dello schermo, utilizza gli effetti di zoom in Trupeer AI, che ti consentono di ingrandire e rimpicciolire in momenti specifici, migliorando l'impatto visivo del tuo contenuto video.


Le persone chiedono anche

Generatori di documentazione tecnica

Guida dell'utente

Software di knowledge base

Come nascondere i nomi dei frame in Figma

Come salvare il file Figma

Come creare una griglia in Figma

Come realizzare una griglia in Figma

Come sfocare lo sfondo in Figma

Domande frequenti comuni sui collegamenti tra le pagine in Figma

  1. Posso collegare un telaio a un altro in Figma?
    Sì, usa la modalità Prototipo per collegare elementi interattivi a frame target per una navigazione senza soluzione di continuità.

  2. Come posso collegare diverse pagine in Figma?
    Devi spostare temporaneamente il frame di destinazione nella stessa pagina, collegarlo e poi riportarlo indietro.

  3. Posso aggiungere transizioni tra le pagine collegate?
    Sì, quando colleghi, scegli un'animazione come “Dissolvi”, “Smart Animate” o “Muovi Dentro” per creare transizioni fluide.

  4. Come posso visualizzare i collegamenti?
    Clicca il pulsante “Presenta” nell'angolo in alto a destra per visualizzare il tuo design interattivo e testare tutti i collegamenti di navigazione.

  5. È possibile collegarsi a un frame precedente?
    Sì, crea un'interazione separata su un altro elemento e collegalo al frame precedente utilizzando gli stessi strumenti di prototipo.

  6. Funziona la sottolineatura per il testo all'interno dei componenti?
    Sì, la sottolineatura funziona allo stesso modo all'interno dei componenti. Assicurati solo di modificare il livello di testo corretto.

  7. Come registrare lo schermo su Mac? 
    Per registrare lo schermo su un Mac, puoi utilizzare Trupeer AI. Ti consente di catturare l'intero schermo e offre funzionalità AI come l'aggiunta di avatar AI, narrazione, ingrandimento e rimpicciolimento nel video. Con la funzione di traduzione video di trupeer, puoi tradurre il video in oltre 30 lingue. 

  8. Come aggiungere un avatar AI alla registrazione dello schermo?
    Per aggiungere un avatar AI a una registrazione dello schermo, dovrai utilizzare un strumento di registrazione dello schermo AI. Trupeer AI è uno strumento di registrazione dello schermo AI, che ti aiuta a creare video con più avatar, ti aiuta anche a creare il tuo avatar per il video.

  9. Come registrare lo schermo su Windows?
    Per registrare lo schermo su Windows, puoi utilizzare la barra dei giochi integrata (Windows + G) o uno strumento AI avanzato come Trupeer AI per funzionalità più avanzate come avatar AI, narrazione, traduzione, ecc.

  10. Come aggiungere narrazione a un video?
    Per aggiungere narrazione ai video, scarica l'estensione chrome di trupeer ai. Una volta registrato, carica il tuo video con voce, scegli la narrazione desiderata da trupeer ed esporta il tuo video modificato. 

  11. Come faccio a ingrandire durante una registrazione dello schermo?
    Per ingrandire durante una registrazione dello schermo, utilizza gli effetti di zoom in Trupeer AI, che ti consentono di ingrandire e rimpicciolire in momenti specifici, migliorando l'impatto visivo del tuo contenuto video.


Le persone chiedono anche

Generatori di documentazione tecnica

Guida dell'utente

Software di knowledge base

Come nascondere i nomi dei frame in Figma

Come salvare il file Figma

Come creare una griglia in Figma

Come realizzare una griglia in Figma

Come sfocare lo sfondo in Figma

Inizia a creare video con il nostro generatore di video + documenti AI

Inizia a creare video con il nostro generatore di video + documenti AI

Inizia a creare video con il nostro generatore di video + documenti AI

Inizia a creare video con il nostro generatore di video + documenti AI

Video e documenti di prodotto AI istantanei da registrazioni dello schermo grezze

Inizia gratis

Inizia gratis

Strumenti Popolari

Inizia gratis

Inizia gratis

Inizia gratis

Inizia gratis

Inizia gratis

Inizia gratis

Scopri il modo nuovo e più veloce di creare video di prodotto.

Video e documenti di prodotti AI istantanei da registrazioni dello schermo grezze.

Get started for free

Inizia gratis

Scopri il modo nuovo e più veloce di creare video di prodotto.

Video e documenti di prodotti AI istantanei da registrazioni dello schermo grezze.

Get started for free

Inizia gratis

Scopri il modo nuovo e più veloce di creare video di prodotto.

Video e documenti di prodotti AI istantanei da registrazioni dello schermo grezze.

Get started for free

Inizia gratis