Hvordan legge til en hyperkobling i Figma

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.

Hvordan legge til en hyperkobling i Figma

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.
    Hvordan legge til en hyperkobling i Figma
  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.
    Hvordan legge til en hyperkobling i Figma
  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.
    Hvordan legge til en hyperkobling i Figma
  4. Gå til URL-boksen over den uthevede boksen og klikk i den.
    Hvordan legge til en hyperkobling i Figma
  5. Trykk "Command" + "V" på Mac eller "Control" + "V" på Windows. Dette lar deg lime inn nettadressen din i boksen.
    Hvordan legge til en hyperkobling i Figma
  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.
    Hvordan legge til en hyperkobling i Figma

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.
    Hvordan legge til en hyperkobling i Figma
  2. Bruk disse snarveiene til å lage en boks over det uthevede ordet eller teksten.
    Hvordan legge til en hyperkobling i Figma
    • Trykk "Control" + "K" på Windows-enheter.
    • Trykk "Command" + "K" på Mac-enheter.
  3. Lim inn URL-en du ønsker i boksen.
    Hvordan legge til en hyperkobling i Figma
  4. Trykk på "Enter"-knappen for å lage hyperkoblingen.
    Hvordan legge til en hyperkobling i Figma

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.
    Hvordan legge til en hyperkobling i Figma
  2. Gå til "Egenskaper"-panelet og åpne "Prototype".
    Hvordan legge til en hyperkobling i Figma
  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.
    Hvordan legge til en hyperkobling i Figma
  4. Juster interaksjonsinnstillingene for å legge til en kobling:
    Hvordan legge til en hyperkobling i Figma
    • 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.
    Hvordan legge til en hyperkobling i Figma

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.
    Hvordan legge til en hyperkobling i Figma
  2. Velg alternativet "Rediger" ved siden av modalen for å redigere adressen.
    Hvordan legge til en hyperkobling i Figma
  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.
    Hvordan legge til en hyperkobling i Figma

Ø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.


Slik løser du Bluetooth-problemer på Windows 10

Slik løser du Bluetooth-problemer på Windows 10

Bluetooth lar deg koble Windows 10-enheter og tilbehør til PC-en din uten behov for ledninger. Her er ulike teknikker for å løse Bluetooth-problemer.

Slik sletter du Bing-søkeloggen og Microsoft Edge-loggen og tar kontroll over personvernet ditt

Slik sletter du Bing-søkeloggen og Microsoft Edge-loggen og tar kontroll over personvernet ditt

Lær deg å ta kontroll over personvernet ditt ved å tømme Bing-søkeloggen og Microsoft Edge-loggen med enkle trinn.

10+ beste samarbeidsprogramvare for små bedrifter

10+ beste samarbeidsprogramvare for små bedrifter

Oppdag den beste samarbeidsprogramvaren for små bedrifter. Finn verktøy som kan forbedre kommunikasjon og produktivitet i teamet ditt.

Hvordan holde Teams status aktiv / grønn / online / tilgjengelig?

Hvordan holde Teams status aktiv / grønn / online / tilgjengelig?

Lær hvordan du holder statusen din aktiv i Microsoft Teams. Følg våre trinn for å sikre at du alltid er tilgjengelig for kolleger og kunder.

Den beste prosjektledelsesprogramvaren for småbedrifter

Den beste prosjektledelsesprogramvaren for småbedrifter

Oppdag den beste prosjektledelsesprogramvaren for småbedrifter som kan hjelpe deg med å organisere prosjekter og oppgaver effektivt.

Hvordan gjenopprette siste økt i Microsoft Edge Chrome, Firefox, Internet Explorer

Hvordan gjenopprette siste økt i Microsoft Edge Chrome, Firefox, Internet Explorer

Gjenopprett siste økt enkelt i Microsoft Edge, Google Chrome, Mozilla Firefox og Internet Explorer. Dette trikset er nyttig når du ved et uhell lukker en hvilken som helst fane i nettleseren.

Fire forskjellige måter å slette duplikater i Google Photos

Fire forskjellige måter å slette duplikater i Google Photos

Hvis du har mange duplikater klumpet på Google Photos eller ønsker å eliminere duplikatbilder, så sjekk ut de mange måtene å slette duplikater i Google Photos.

Slik fikser du at Nintendo Switch ikke slår seg på

Slik fikser du at Nintendo Switch ikke slår seg på

Hvordan fikse at Nintendo Switch ikke slår seg på? Her er 4 enkle løsninger for å fikse at Nintendo Switch ikke slår seg på.

Slik tilbakestiller du Gmail-passordet

Slik tilbakestiller du Gmail-passordet

Lær hvordan du tilbakestiller Gmail-passordet ditt enkelt og sikkert. Endre passordet regelmessig for å beskytte kontoen din.

Slik konfigurerer du doble skjermer på Windows 10

Slik konfigurerer du doble skjermer på Windows 10

Lær hvordan du konfigurerer flere skjermer på Windows 10 med denne bloggen. Det være seg to eller tre eller flere skjermer, du kan enkelt sette opp skjermer for spilling eller koding.