Hyperlinkin lisääminen Figmaan

Yksi yhteistyösuunnittelutyökalun Figman hyödyllisimmistä ominaisuuksista on mahdollisuus lisätä hyperlinkkejä. Tämän ominaisuuden ansiosta verkkosivujen yhdistäminen on helppoa. Hyperlinkit tekevät sivustosta helppokäyttöisen. Linkkien kautta sivuston vierailijat pääsevät suoraan tärkeisiin resursseihin ja aloitussivuille muun muassa.

Huolimatta siitä, yritätkö oppia lisäämään linkkejä kuvakkeisiin ja tekstiin tai lisäämään hyperlinkkejä yleensä, tämä artikkeli opastaa sinua. Lue eteenpäin tutustuaksesi erilaisiin menetelmiin, joilla voit saavuttaa tämän.

Hyperlinkin luominen kuvakkeen avulla

Tämä on yksi yleisimmistä linkkityypeistä, joita voit käyttää Figmassa. Tässä linkkikuvaketta käytetään tekstilinkin lisäämiseen. Nämä vaiheet eivät toimi kuvissa.

1. Käytä sivulla olevaa tekstiä korostamalla teksti, jonka haluat linkittää toiselle sivulle, napsauttamalla osion alkua ja vetämällä sen yli.
   
2. Kun olet korostanut tekstin, paina "Linkki"-kuvaketta työtilan yläreunassa olevasta työkalupalkista. Tämä luo laatikon korostetun sanan tai sanojen yläpuolelle.
   
3. Avaa toisella välilehdellä verkkosivu, johon haluat linkittää, ja kopioi sen URL-osoite korostamalla se ensin ja painamalla "Command" + "C" Macissa tai "Control" + "C" Windowsissa."
   
4. Siirry korostetun kentän yläpuolella olevaan URL-kenttään ja napsauta sen sisällä.
   
5. Paina "Command" + "V" Macissa tai "Control" + "V" Windowsissa. Tämän avulla voit liittää URL-osoitteesi kenttään.
   
6. Napsauta tyhjää kohtaa sivulla tai paina "Enter" lisätäksesi linkin tekstiin. Sanan alle ilmestyy rivi. Kun käyttäjät napsauttavat kyseistä sanaa, heidät ohjataan linkin osoitteeseen.
   

Käytä pikanäppäimiä linkkien luomiseen

Tämä on toinen tapa, jolla voit luoda Figma-linkin. Voit käyttää pikanäppäinmenetelmää linkkien lisäämiseen tekstiin, mutta ei kuviin.

1. Valitse teksti tai sana, jonka haluat käyttää linkkinä.
   
2. Käytä näitä pikanäppäimiä luodaksesi laatikon korostetun sanan tai tekstin päälle.
   
   • Paina "Control" + "K" Windows-laitteissa.
   • Paina "Command" + "K" Mac-laitteissa.
3. Liitä haluamasi URL-osoite kenttään.
   
4. Luo hyperlinkki painamalla Enter-painiketta.
   

Käytä prototyyppipaneelia hyperlinkin luomiseen

Tätä menetelmää voidaan käyttää sekä kuvissa että tekstissä. Se on ihanteellinen vaihtoehto kuvan linkittämiseen, kuten sosiaalisen median kuvakkeisiin.

1. Valitse teksti tai kuva napsauttamalla sitä ensin.
   
2. Siirry "Ominaisuudet" -paneeliin ja avaa "Prototyyppi".
   
3. Valitse Prototyyppi-valikon Vuorovaikutukset-kohdassa nykyinen vuorovaikutus, jos sellainen on saatavilla. Jos sellaista ei ole, lisää yksi napsauttamalla +-kuvaketta.
   
4. Muokkaa vuorovaikutusasetuksia lisätäksesi linkin onnistuneesti:
   
   • Aseta vuorovaikutukseksi "Klikkaus".
   • Tämän jälkeen toiminnoksi tulee asettaa "Avaa linkki".
   • Liitä linkkisi URL-kenttään.
   • Valitse "Avaa uudessa välilehdessä" -vaihtoehto avataksesi uuden välilehden, kun käyttäjä napauttaa linkkiä.
5. Poistu prototyyppipaneelista lisätäksesi kuva- tai tekstilinkin. Tämä ei muuta kuvaa. Kuitenkin, kun mallia tarkastellaan "Present"-välilehdellä, osoitin muuttuu, kun siirrät hiiren kuvan päälle. Jos kuvaa klikataan, lisäämäsi linkki avautuu.
   

Muokkaa tai poista Figma-hyperlinkkejä

Jos sinusta tuntuu, että linkki ei toimi tai haluat poistaa sen käytöstä, voit muokata tai poistaa sen. Linkin muokkaaminen:

1. Avaa linkkimodaali viemällä hiiri linkitetyn tekstin päälle hiirellä.
   
2. Valitse "Muokkaa" -vaihtoehto modaalin vierestä muokataksesi osoitetta.
   
3. Tee tarvittavat muutokset ja poistu.
4. Poistaaksesi linkkiruudun. Tämä poistaa URL-osoitteesi kokonaan, eikä tekstiä enää linkitetä.
   

Paranna käytettävyyttä lisäämällä hyperlinkkejä Figmaan

Hyperlinkit Figmassa helpottaa käyttäjien navigointia sisällössä. Linkkisi voivat lähettää käyttäjiä muihin Figma-tiedostoihin, sivuihin, kehyksiin tai prototyyppeihin. Linkit voidaan yhdistää myös ulkoisille verkkosivustoille ja lähettää sinut uusille selaimen välilehdille. Hyperlinkkejä voidaan lisätä useilla eri tavoilla, ja sen tulisi olla suoraviivaista yllä kuvattujen vaiheiden avulla.

Oletko koskaan yrittänyt lisätä hyperlinkkejä Figmaan? Millainen kokemus oli? Kerro meille alla olevassa kommenttiosassa.