Hvordan legge til en hyperkobling i Figma

En av de mest nyttige funksjonene til samarbeidsdesignverktøyet Figma er muligheten for å legge til hyperkoblinger. Med denne funksjonen blir det enkelt å koble til nettsider. Hyperkoblinger gjør et nettsted enkelt å navigere gjennom. Lenker gir besøkende direkte tilgang til viktige ressurser og landingssider, blant annet.

Uansett om du prøver å lære hvordan du legger til lenker til ikoner og tekst eller setter inn hyperkoblinger generelt, vil denne artikkelen veilede deg. Les videre for å bli kjent med de ulike metodene du kan bruke for å oppnå dette.

Oppretting av hyperkoblinger ved hjelp av ikon

Dette er en av de vanligste typene lenker du kan bruke på Figma. Her brukes Link-ikonet for å legge til en tekstlenke. Disse trinnene fungerer ikke på bilder.

1. Bruk teksten på en side, uthev teksten du vil koble til en annen side ved å klikke på begynnelsen av delen og deretter dra over den.
   
2. Etter å ha uthevet teksten, trykk på "Link"-ikonet i verktøylinjen øverst i arbeidsområdet. Hvis du gjør det, opprettes en boks over ordet eller ordene som er uthevet.
   
3. I en annen fane åpner du nettsiden du vil koble til og kopierer URL-adressen ved først å markere den og trykke "Command" + "C" på Mac eller "Control" + "C" på Windows.
   
4. Gå til URL-boksen over den uthevede boksen og klikk i den.
   
5. Trykk "Command" + "V" på Mac eller "Control" + "V" på Windows. Dette lar deg lime inn nettadressen din i boksen.
   
6. Klikk på en tom plass på siden eller trykk "Enter" for å legge til lenken til teksten. En linje vil vises under ordet. Når brukere klikker på det ordet, blir de dirigert til lenkeadressen.
   

Bruk en hurtigtast for å lage koblinger

Dette er den andre metoden du kan bruke til å lage en Figma-lenke. Du kan bruke hurtigtastmetoden for å legge til lenker på tekst, men ikke bilder.

1. Velg teksten eller ordet du vil tjene som kobling.
   
2. Bruk disse snarveiene til å lage en boks over det uthevede ordet eller teksten.
   
   • Trykk "Control" + "K" på Windows-enheter.
   • Trykk "Command" + "K" på Mac-enheter.
3. Lim inn URL-en du ønsker i boksen.
   
4. Trykk på "Enter"-knappen for å lage hyperkoblingen.
   

Bruk prototypepanelet til å lage hyperkoblingen din

Denne metoden kan brukes på både bilder og tekst. Det er et ideelt alternativ for å koble et bilde som på sosiale medier-ikoner.

1. Velg teksten eller bildet ved først å klikke på det.
   
2. Gå til "Egenskaper"-panelet og åpne "Prototype".
   
3. I Prototype-menyen under «Interaksjoner» velger du gjeldende interaksjon hvis en er tilgjengelig. Hvis det ikke er en, klikk på "+"-ikonet for å legge til en.
   
4. Juster interaksjonsinnstillingene for å legge til en kobling:
   
   • Sett interaksjon til «Ved klikk».
   • Handlingen skal deretter settes til "Åpne lenke."
   • Lim inn lenken din i URL-boksen.
   • Merk av for "Åpne i ny fane" for å åpne en ny fane når en bruker trykker på lenken.
5. Gå ut av prototypepanelet for å legge til bildet eller tekstlenken. Dette endrer ikke bildet. Men når designet vises i fanen "Presenter", endres markøren når du holder musepekeren over bildet. Hvis bildet klikkes, åpnes lenken du la til.
   

Rediger eller slett Figma-hyperkoblinger

Hvis du føler at en lenke ikke fungerer eller ønsker å fjerne den, kan du redigere eller slette den. For å redigere lenken din:

1. Hold musepekeren over den koblede teksten for å åpne koblingsmodalen.
   
2. Velg alternativet "Rediger" ved siden av modalen for å redigere adressen.
   
3. Gjør endringene etter behov og avslutt.
4. Fjern koblingsboksen for å slette. Dette sletter URL-en din helt, og teksten er ikke lenger koblet.
   

Øk tilgjengeligheten ved å legge til hyperkoblinger på Figma

Hyperkoblinger i Figma gjør det enklere for brukere å navigere gjennom innhold. Linkene dine kan sende brukere til andre Figma-filer, sider, rammer eller prototyper. Lenkene kan også kobles til eksterne nettsteder og sende deg til nye nettleserfaner. Det finnes ulike måter å legge til hyperkoblinger på, og det bør være enkelt med trinnene som er skissert ovenfor.

Har du noen gang forsøkt å legge til hyperkoblinger på Figma? Hvordan var opplevelsen? Gi oss beskjed i kommentarfeltet nedenfor.