Come collegare le pagine in Figma

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

Crea video e documentazione di prodotto straordinari con l’IA

Questo tutorial è stato creato con Trupeer in meno di 5 minuti

Crea gratuitamente

Collegamento a un'altra pagina in Figma:

Seleziona l'elemento: scegli l'oggetto (testo, forma, ecc.) che vuoi usare come link.
Apri la scheda Prototipo: nella barra laterale 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: nel piccolo riquadro delle impostazioni, imposta l'interazione "Al clic" su "Vai a" e seleziona la pagina di destinazione.
Verifica il link: fai clic sull'icona "Presenta" per entrare in modalità prototipo e testare il link.

Guida passo passo: come collegare le pagine in Figma

Passaggio 1

Dal menu laterale sinistro, vedrai l'opzione Pagine. Sotto, vedrai il nome del design.

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

Passaggio 2

Quindi seleziona il testo,

Passaggio 3

Dal menu laterale destro, fai clic sull'opzione collegamento.

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

Passaggio 4

Quindi inserisci il testo o il link.

Passaggio 5

Una volta fatto, basta toccare il particolare modello di slider.

Once done, just tap on the particular slider template.

Passaggio 6

Ora vedrai che il testo è collegato.

Suggerimenti pro per collegare le pagine in Figma

Apri il tuo file di progetto
Inizia avviando Figma e aprendo il file in cui vuoi collegare pagine o frame per la navigazione.
Crea o identifica i tuoi frame
Ogni schermo o pagina che vuoi collegare dovrebbe trovarsi all'interno del proprio frame. Assicurati che i frame abbiano nomi chiari per facilitarne la selezione durante il collegamento.
Seleziona l'elemento da aggiungere a un link
Fai clic su un pulsante, un testo o qualsiasi altro elemento interattivo che vuoi usare come trigger del link.
Entra in modalità Prototipo
Nell'angolo in alto a destra, passa dalla scheda “Design” alla scheda “Prototype”. Questo ti consente di creare link interattivi.
Trascina il nodo sul frame di destinazione
Vedrai un nodo circolare sul bordo destro dell'elemento selezionato. Trascinalo sul frame a cui vuoi collegarlo. Questo creerà una linea di connessione.

Errori comuni e come evitarli

Trascinare il 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.
Impossibile collegare tra pagine
Figma non supporta il collegamento diretto tra pagine diverse. Sposta temporaneamente i frame nella stessa pagina, collegali e poi riposizionali se necessario.
Flusso di navigazione confuso
Se hai troppi link sovrapposti, usa frecce, annotazioni o un diagramma di flusso per aiutare i collaboratori a seguire la navigazione.
Connessioni del prototipo mancanti nelle esportazioni
I link del prototipo non compaiono nelle esportazioni PDF o immagini. Usa la modalità “Present” di Figma o condividi un link live per anteprime interattive.
Le modifiche non vengono visualizzate
Se i link non funzionano in modalità presentazione, aggiorna la scheda di anteprima o controlla di nuovo se i frame sono stati scollegati accidentalmente.

Domande frequenti comuni sul collegamento delle pagine in Figma

Posso collegare un frame a un altro in Figma?
Sì, usa la modalità Prototipo per collegare elementi interattivi ai frame di destinazione per una navigazione senza interruzioni.
Come collego pagine diverse in Figma?
Devi spostare temporaneamente il frame di destinazione nella stessa pagina, collegarlo e poi riportarlo indietro.
Posso aggiungere transizioni tra le pagine collegate?
Sì, quando colleghi, scegli un'animazione come “Dissolve”, “Smart Animate” o “Move In” per creare transizioni fluide.
Come visualizzo in anteprima i collegamenti?
Fai clic sul pulsante “Present” nell'angolo in alto a destra per visualizzare il tuo design interattivo e testare tutti i collegamenti di navigazione.
È possibile collegare a ritroso un frame precedente?
Sì, crea un'interazione separata su un elemento diverso e collegala al frame precedente usando gli stessi strumenti del prototipo.
La sottolineatura funziona 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.
Come registrare lo schermo su mac?
Per registrare lo schermo su un Mac, puoi usare Trupeer AI. Ti consente di catturare l'intero schermo e offre funzionalità di IA come l'aggiunta di avatar IA, aggiungere voiceover, aggiungere zoom in e out nel video. Con la funzione di traduzione video IA di trupeer, puoi tradurre il video in oltre 30 lingue.
Come aggiungere un avatar IA alla registrazione dello schermo?
Per aggiungere un avatar IA a una registrazione dello schermo, dovrai usare uno strumento di registrazione dello schermo con IA. Trupeer AI è uno strumento di registrazione dello schermo con IA, che ti aiuta a creare video con più avatar e ti aiuta anche a creare il tuo avatar per il video.
Come registrare lo schermo su windows?
Per registrare lo schermo su Windows, puoi usare la Game Bar integrata (Windows + G) oppure uno strumento IA avanzato come Trupeer AI per funzionalità più avanzate come avatar IA, voiceover, traduzione ecc.
Come aggiungere una voce narrante al video?
Per aggiungere una voce narrante ai video, scarica l'estensione Chrome di trupeer ai. Una volta registrato, carica il tuo video con audio, scegli la voce narrante desiderata da Trupeer ed esporta il video modificato.
Come faccio a ingrandire in una registrazione dello schermo?
Per ingrandire durante una registrazione dello schermo, usa gli effetti zoom in Trupeer AI che ti consentono di ingrandire e ridurre in momenti specifici, migliorando l'impatto visivo dei contenuti del tuo video.