Hur man lägger till en hyperlänk i Figma

Hur man lägger till en hyperlänk i Figma

En av de mest användbara funktionerna i samarbetsdesignverktyget Figma är möjligheten att lägga till hyperlänkar. Med den här funktionen blir det enkelt att ansluta onlinesidor. Hyperlänkar gör en webbplats lätt att navigera igenom. Länkar ger webbplatsbesökare direkt tillgång till viktiga resurser och målsidor, bland annat.

Hur man lägger till en hyperlänk i Figma

Oavsett om du försöker lära dig hur du lägger till länkar till ikoner och text eller infogar hyperlänkar i allmänhet, kommer den här artikeln att guida dig. Läs vidare för att bli bekant med de olika metoderna du kan använda för att uppnå detta.

Skapa hyperlänkar med hjälp av ikon

Detta är en av de vanligaste typerna av länkar du kan använda på Figma. Här används länkikonen för att lägga till en textlänk. Dessa steg fungerar inte på bilder.

  1. Använd texten på en sida och markera texten som du vill länka till en annan sida genom att klicka i början av avsnittet och sedan dra över den.
    Hur man lägger till en hyperlänk i Figma
  2. Efter att ha markerat texten, tryck på "Länk"-ikonen i verktygsfältet högst upp på arbetsytan. Om du gör det skapas en ruta ovanför det eller de markerade orden.
    Hur man lägger till en hyperlänk i Figma
  3. På en annan flik öppnar du webbsidan du vill länka till och kopierar dess URL genom att först markera den och trycka på "Command" + "C" på Mac eller "Control" + "C" på Windows.
    Hur man lägger till en hyperlänk i Figma
  4. Gå till URL-rutan ovanför den markerade rutan och klicka inuti den.
    Hur man lägger till en hyperlänk i Figma
  5. Tryck på "Command" + "V" på Mac eller "Control" + "V" på Windows. Detta låter dig klistra in din URL i rutan.
    Hur man lägger till en hyperlänk i Figma
  6. Klicka på ett tomt utrymme på sidan eller tryck på "Enter" för att lägga till länken till texten. En rad visas under ordet. När användare klickar på det ordet dirigeras de till länkadressen.
    Hur man lägger till en hyperlänk i Figma

Använd en kortkommando för att skapa länkar

Detta är den andra metoden du kan använda för att skapa en Figma-länk. Du kan använda kortkommandometoden för att lägga till länkar på text men inte bilder.

  1. Välj texten eller ordet du vill ska fungera som länk.
    Hur man lägger till en hyperlänk i Figma
  2. Använd dessa genvägar för att skapa en ruta över det markerade ordet eller texten.
    Hur man lägger till en hyperlänk i Figma
    • Tryck på "Control" + "K" på Windows-enheter.
    • Tryck på "Command" + "K" på Mac-enheter.
  3. Klistra in den URL du vill ha i rutan.
    Hur man lägger till en hyperlänk i Figma
  4. Tryck på "Enter"-knappen för att skapa hyperlänken.
    Hur man lägger till en hyperlänk i Figma

Använd prototyppanelen för att skapa din hyperlänk

Denna metod kan användas på både bilder och text. Det är ett idealiskt alternativ för att länka en bild som på sociala medier-ikoner.

  1. Välj din text eller bild genom att först klicka på den.
    Hur man lägger till en hyperlänk i Figma
  2. Gå till panelen "Egenskaper" och öppna "Prototyp".
    Hur man lägger till en hyperlänk i Figma
  3. I Prototyp-menyn under "Interaktioner" väljer du den aktuella interaktionen om en sådan är tillgänglig. Om det inte finns en, klicka på "+"-ikonen för att lägga till en.
    Hur man lägger till en hyperlänk i Figma
  4. Justera interaktionsinställningar för att lyckas lägga till en länk:
    Hur man lägger till en hyperlänk i Figma
    • Ställ in interaktion på "Vid klick."
    • Åtgärden ska sedan ställas in på "Öppna länk."
    • Klistra in din länk i URL-rutan.
    • Markera alternativet "Öppna i ny flik" för att öppna en ny flik när en användare trycker på länken.
  5. Stäng prototyppanelen för att lägga till bilden eller textlänken. Detta ändrar inte bilden. Men när designen visas på fliken "Nuvarande" ändras markören när du håller muspekaren över bilden. Om du klickar på bilden öppnas länken du lade till.
    Hur man lägger till en hyperlänk i Figma

Redigera eller ta bort Figma-hyperlänkar

Om du känner att en länk inte fungerar eller vill ta bort den kan du redigera eller ta bort den. Så här redigerar du din länk:

  1. Håll muspekaren över den länkade texten med musen för att öppna länkmodalen.
    Hur man lägger till en hyperlänk i Figma
  2. Välj alternativet "Redigera" bredvid modalen för att redigera adressen.
    Hur man lägger till en hyperlänk i Figma
  3. Gör ändringarna efter behov och avsluta.
  4. För att radera, rensa länkrutan. Detta tar bort din URL helt och texten är inte längre länkad.
    Hur man lägger till en hyperlänk i Figma

Öka tillgängligheten genom att lägga till hyperlänkar på Figma

Hyperlänkar i Figma gör det lättare för användare att navigera genom innehåll. Dina länkar kan skicka användare till andra Figma-filer, sidor, ramar eller prototyper. Länkarna kan också kopplas till externa webbplatser och skicka dig till nya webbläsarflikar. Det finns olika sätt att lägga till hyperlänkar, och det bör vara enkelt med stegen som beskrivs ovan.

Har du någonsin försökt lägga till hyperlänkar på Figma? Hur var upplevelsen? Låt oss veta i kommentarsfältet nedan.


Så här zoomar du möte: Ställ in, gå med, värd, schemalägg, använd virtuell bakgrund och mer

Så här zoomar du möte: Ställ in, gå med, värd, schemalägg, använd virtuell bakgrund och mer

Upptäck hur du enkelt ställer in, går med i och värdar Zoom-möten. Läs våra tips för att använda Zoom samt dess funktioner för att säkerställa effektiva och säkra möten.

Hur man spelar in och redigerar Microsoft Teams Meeting

Hur man spelar in och redigerar Microsoft Teams Meeting

Vill du spela in Microsofts teams möte? Läs inlägget för att lära dig hur du spelar in det med och utan Microsoft 365 Enterprise-konto.

Hur du gör din profil privat på Facebook

Hur du gör din profil privat på Facebook

Vill du hålla din Facebook-profil privat? Lär dig hur du kan skydda din integritet med dessa steg.

Hur man skriver spanska n med Tilde (ñ) på tangentbordet

Hur man skriver spanska n med Tilde (ñ) på tangentbordet

Lär dig att skriva spanska n med Tilde (ñ) på tangentbordet. Den här artikeln ger dig kortkommandon och metoder för både Windows och Mac.

Hur du lägger till och använder dina egna bilder som bakgrund i Microsoft Teams-möten

Hur du lägger till och använder dina egna bilder som bakgrund i Microsoft Teams-möten

Upptäck hur du lägger till och använder dina egna anpassade bakgrunder i Microsoft Teams-möten för att skapa en mer personlig och professionell atmosfär.

Hur man får ut så mycket som möjligt av Microsoft Rewards och tjänar lätta pengar

Hur man får ut så mycket som möjligt av Microsoft Rewards och tjänar lätta pengar

Så här kan du få ut det mesta av Microsoft Rewards i Windows, Xbox, Mobile, shopping och mycket mer.

Hur man använder Google Maps för att mäta avstånd

Hur man använder Google Maps för att mäta avstånd

Med Google Maps kan du mäta avståndet mellan två punkter. Lär dig att använda verktyget effektivt på olika enheter.

Ta reda på hur du gör försättssidor i Google Dokument [Enkla steg]

Ta reda på hur du gör försättssidor i Google Dokument [Enkla steg]

Skapa professionella försättssidor i Google Dokument genom att använda förbyggda mallar eller skapa dem från grunden. Följ vår detaljerade steg-för-steg-guide för att optimera dina dokument.

Hur man inaktiverar Copilot på Windows 11?

Hur man inaktiverar Copilot på Windows 11?

Den här bloggen kommer att hjälpa läsare att inaktivera Copilot-funktionen på Windows om de inte vill använda AI-modellen.

Hur man kopplar JBL-hörlurar med en dator, mobil enhet eller surfplatta

Hur man kopplar JBL-hörlurar med en dator, mobil enhet eller surfplatta

Lär dig hur du kopplar JBL-hörlurar med din dator, mobil enhet eller surfplatta på ett enkelt sätt. Få tips för att förbättra din anslutning och upplevelse.