Come aggiungere un collegamento ipertestuale in Figma

Una delle caratteristiche più utili dello strumento di progettazione collaborativa Figma è la possibilità di aggiungere collegamenti ipertestuali. Con questa funzionalità, collegare le pagine online diventa semplice. I collegamenti ipertestuali rendono un sito facile da navigare. I collegamenti forniscono ai visitatori del sito l'accesso diretto alle risorse essenziali e alle pagine di destinazione, oltre ad altre informazioni.

Indipendentemente dal fatto che tu stia cercando di imparare come aggiungere collegamenti a icone e testo o inserire collegamenti ipertestuali in generale, questo articolo ti guiderà. Continua a leggere per acquisire familiarità con i vari metodi che puoi utilizzare per raggiungere questo obiettivo.

Creazione di collegamenti ipertestuali utilizzando l'icona

Questo è uno dei tipi più comuni di collegamenti che puoi utilizzare su Figma. Qui, l'icona Collegamento viene utilizzata per aggiungere un collegamento testuale. Questi passaggi non funzioneranno sulle immagini.

1. Utilizzando il testo su una pagina, evidenzia il testo che desideri collegare a un'altra pagina facendo clic all'inizio della sezione e quindi trascinandolo sopra.
   
2. Dopo aver evidenziato il testo, premi l'icona "Link" nella barra degli strumenti nella parte superiore dell'area di lavoro. In questo modo viene creata una casella sopra la parola o le parole evidenziate.
   
3. In un'altra scheda, apri la pagina web a cui desideri collegarti e copia il suo URL evidenziandolo prima e premendo "Comando" + "C" su Mac o "Control" + "C" su Windows.
   
4. Vai alla casella dell'URL sopra la casella evidenziata e fai clic al suo interno.
   
5. Premi "Comando" + "V" su Mac o "Control" + "V" su Windows. Ciò ti consente di incollare il tuo URL nella casella.
   
6. Fai clic su uno spazio vuoto nella pagina o premi "Invio" per aggiungere il collegamento al testo. Apparirà una linea sotto la parola. Quando gli utenti fanno clic su quella parola, verranno indirizzati all'indirizzo del collegamento.
   

Utilizza una scorciatoia da tastiera per creare collegamenti

Questo è il secondo metodo che puoi utilizzare per creare un collegamento Figma. È possibile utilizzare il metodo di scelta rapida da tastiera per aggiungere collegamenti al testo ma non alle immagini.

1. Seleziona il testo o la parola che desideri utilizzare come collegamento.
   
2. Utilizza queste scorciatoie per creare una casella sopra la parola o il testo evidenziato.
   
   • Premi "Control" + "K" sui dispositivi Windows.
   • Premi "Comando" + "K" sui dispositivi Mac.
3. Incolla l'URL desiderato nella casella.
   
4. Premere il pulsante "Invio" per creare il collegamento ipertestuale.
   

Utilizza il pannello prototipo per creare il tuo collegamento ipertestuale

Questo metodo può essere utilizzato sia su immagini che su testo. È un'opzione ideale per collegare un'immagine come sulle icone dei social media.

1. Seleziona il testo o l'immagine facendo prima clic su di esso.
   
2. Vai al pannello "Proprietà" e apri "Prototipo".
   
3. Nel menu Prototipo sotto "Interazioni", seleziona l'interazione corrente, se disponibile. Se non ce n'è uno, fai clic sull'icona "+" per aggiungerne uno.
   
4. Modifica le impostazioni di interazione per aggiungere correttamente un collegamento:
   
   • Imposta l'interazione su "Al clic".
   • L'azione dovrebbe quindi essere impostata su "Apri collegamento".
   • Incolla il tuo link nella casella dell'URL.
   • Seleziona l'opzione "Apri in una nuova scheda" per aprire una nuova scheda quando un utente tocca il collegamento.
5. Esci dal pannello del prototipo per aggiungere l'immagine o il collegamento testuale. Questo non cambia l'immagine. Tuttavia, quando il disegno viene visualizzato nella scheda "Presente", il cursore cambia quando passi il mouse sopra l'immagine. Se si fa clic sull'immagine, si apre il collegamento aggiunto.
   

Modifica o elimina i collegamenti ipertestuali Figma

Se ritieni che un collegamento non funzioni o desideri eliminarlo, puoi modificarlo o eliminarlo. Per modificare il tuo collegamento:

1. Passa il mouse sopra il testo collegato utilizzando il mouse per aprire la finestra modale del collegamento.
   
2. Seleziona l'opzione "Modifica" accanto alla modale per modificare l'indirizzo.
   
3. Apportare le modifiche necessarie ed uscire.
4. Per eliminare, deselezionare la casella di collegamento. Ciò elimina completamente il tuo URL e il testo non è più collegato.
   

Aumenta l'accessibilità aggiungendo collegamenti ipertestuali su Figma

Il collegamento ipertestuale in Figma semplifica la navigazione degli utenti attraverso i contenuti. I tuoi collegamenti possono indirizzare gli utenti ad altri file, pagine, frame o prototipi Figma. I collegamenti potrebbero anche essere collegati a siti Web esterni e indirizzarti a nuove schede del browser. Esistono vari modi per aggiungere collegamenti ipertestuali e dovrebbe essere semplice con i passaggi descritti sopra.

Hai mai provato ad aggiungere collegamenti ipertestuali su Figma? Com'è stata l'esperienza? Fatecelo sapere nella sezione commenti qui sotto.