Hyperlinkin lisääminen Figmaan

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.

Hyperlinkin lisääminen Figmaan

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.
    Hyperlinkin lisääminen Figmaan
  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.
    Hyperlinkin lisääminen Figmaan
  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."
    Hyperlinkin lisääminen Figmaan
  4. Siirry korostetun kentän yläpuolella olevaan URL-kenttään ja napsauta sen sisällä.
    Hyperlinkin lisääminen Figmaan
  5. Paina "Command" + "V" Macissa tai "Control" + "V" Windowsissa. Tämän avulla voit liittää URL-osoitteesi kenttään.
    Hyperlinkin lisääminen Figmaan
  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.
    Hyperlinkin lisääminen Figmaan

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ä.
    Hyperlinkin lisääminen Figmaan
  2. Käytä näitä pikanäppäimiä luodaksesi laatikon korostetun sanan tai tekstin päälle.
    Hyperlinkin lisääminen Figmaan
    • Paina "Control" + "K" Windows-laitteissa.
    • Paina "Command" + "K" Mac-laitteissa.
  3. Liitä haluamasi URL-osoite kenttään.
    Hyperlinkin lisääminen Figmaan
  4. Luo hyperlinkki painamalla Enter-painiketta.
    Hyperlinkin lisääminen Figmaan

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.
    Hyperlinkin lisääminen Figmaan
  2. Siirry "Ominaisuudet" -paneeliin ja avaa "Prototyyppi".
    Hyperlinkin lisääminen Figmaan
  3. Valitse Prototyyppi-valikon Vuorovaikutukset-kohdassa nykyinen vuorovaikutus, jos sellainen on saatavilla. Jos sellaista ei ole, lisää yksi napsauttamalla +-kuvaketta.
    Hyperlinkin lisääminen Figmaan
  4. Muokkaa vuorovaikutusasetuksia lisätäksesi linkin onnistuneesti:
    Hyperlinkin lisääminen Figmaan
    • 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.
    Hyperlinkin lisääminen Figmaan

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ä.
    Hyperlinkin lisääminen Figmaan
  2. Valitse "Muokkaa" -vaihtoehto modaalin vierestä muokataksesi osoitetta.
    Hyperlinkin lisääminen Figmaan
  3. Tee tarvittavat muutokset ja poistu.
  4. Poistaaksesi linkkiruudun. Tämä poistaa URL-osoitteesi kokonaan, eikä tekstiä enää linkitetä.
    Hyperlinkin lisääminen Figmaan

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.


10 parasta pikanäppäintä Windows 10:ssä ja niiden käyttö

10 parasta pikanäppäintä Windows 10:ssä ja niiden käyttö

Tutustu Windows 10:n 10 suosituimpaan pikanäppäimeen ja siihen, miten voit hyödyntää niitä tehokkaasti töissä, koulussa ja muissa asioissa.

BitLockerin käytön aloittaminen, Windows 10:n sisäänrakennettu täyden levyn salaustyökalu

BitLockerin käytön aloittaminen, Windows 10:n sisäänrakennettu täyden levyn salaustyökalu

Opas BitLockerin käyttöön, Windows 10:n tehokkaaseen salausominaisuuteen. Ota BitLocker käyttöön ja suojaa tiedostosi helposti.

Microsoft Edge -selaushistorian tarkasteleminen tai poistaminen

Microsoft Edge -selaushistorian tarkasteleminen tai poistaminen

Opas Microsoft Edge -selaushistorian tarkastelemiseen ja poistamiseen Windows 10:ssä. Saat hyödyllisiä vinkkejä ja ohjeita.

Kuinka löytää ja poistaa tallennettuja salasanoja Microsoft Edgessä

Kuinka löytää ja poistaa tallennettuja salasanoja Microsoft Edgessä

Katso, kuinka voit pitää salasanasi Microsoft Edgessä hallinnassa ja estää selainta tallentamasta tulevia salasanoja.

Discord-tekstin muotoiluopas: värit, lihavoitu, kursivoitu, yliviivattu

Discord-tekstin muotoiluopas: värit, lihavoitu, kursivoitu, yliviivattu

Kuinka eristää tekstin muotoilua Discordissa? Tässä on opas, joka kertoo, kuinka Discord-teksti värjätään, lihavoidaan, kursivoitu ja yliviivataan.

Mikä tietokone minulla on? Kuinka tietää tärkeimmät tiedot ja malli

Mikä tietokone minulla on? Kuinka tietää tärkeimmät tiedot ja malli

Tässä viestissä käsittelemme yksityiskohtaisen oppaan, joka auttaa sinua selvittämään "Mikä tietokone minulla on?" ja niiden tärkeimmät tekniset tiedot sekä mallin nimen.

Viimeisen istunnon palauttaminen Microsoft Edge Chromessa, Firefoxissa, Internet Explorerissa

Viimeisen istunnon palauttaminen Microsoft Edge Chromessa, Firefoxissa, Internet Explorerissa

Palauta viimeinen istunto helposti Microsoft Edgessä, Google Chromessa, Mozilla Firefoxissa ja Internet Explorerissa. Tämä temppu on kätevä, kun suljet vahingossa minkä tahansa välilehden selaimessa.

Kuinka saada Boogie Down Emote Fortnitessa ilmaiseksi?

Kuinka saada Boogie Down Emote Fortnitessa ilmaiseksi?

Jos haluat saada Boogie Down Emoten Fortnitessa ilmaiseksi, sinun on otettava käyttöön ylimääräinen suojakerros, eli 2F-todennus. Lue tämä saadaksesi tietää, miten se tehdään!

Kuinka muuttaa hiiren asetuksia Windows 10:ssä

Kuinka muuttaa hiiren asetuksia Windows 10:ssä

Windows 10 tarjoaa useita mukautusvaihtoehtoja hiirelle, joten voit joustaa, miten kohdistin toimii. Tässä oppaassa opastamme sinut läpi käytettävissä olevat asetukset ja niiden vaikutuksen.

Kuinka päästä eroon Instagramissa estettyjen toimien -ongelmasta

Kuinka päästä eroon Instagramissa estettyjen toimien -ongelmasta

Saatko "Toiminto estetty Instagramissa" -virheen? Katso tämä vaihe vaiheelta opas poistaaksesi tämän toiminnon, joka on estetty Instagramissa muutamalla yksinkertaisella temppulla!