Hoe u een hyperlink toevoegt in Figma

Een van de handigste functies van de collaboratieve ontwerptool Figma is de mogelijkheid om hyperlinks toe te voegen. Met deze functie wordt het verbinden van online pagina's eenvoudig. Hyperlinks zorgen ervoor dat u gemakkelijk door een site kunt navigeren. Links geven sitebezoekers directe toegang tot onder meer essentiële bronnen en landingspagina's.

Ongeacht of u probeert te leren hoe u links naar pictogrammen en tekst kunt toevoegen of hoe u hyperlinks in het algemeen kunt invoegen, dit artikel zal u begeleiden. Lees verder om vertrouwd te raken met de verschillende methoden die u kunt gebruiken om dit te bereiken.

Hyperlink maken met behulp van pictogram

Dit is een van de meest voorkomende soorten links die u op Figma kunt gebruiken. Hier wordt het linkpictogram gebruikt om een ​​tekstlink toe te voegen. Deze stappen werken niet voor afbeeldingen.

1. Gebruik de tekst op een pagina en markeer de tekst die u naar een andere pagina wilt koppelen door op het begin van de sectie te klikken en er vervolgens overheen te slepen.
   
2. Nadat je de tekst hebt gemarkeerd, klik je op het pictogram 'Link' in de werkbalk bovenaan de werkruimte. Als u dit doet, wordt er een vak boven het gemarkeerde woord of de gemarkeerde woorden gemaakt.
   
3. Open op een ander tabblad de webpagina waarnaar u wilt linken en kopieer de URL ervan door deze eerst te markeren en op "Command" + "C" op Mac of "Control" + "C" op Windows te drukken.
   
4. Ga naar het URL-vak boven het gemarkeerde vak en klik erin.
   
5. Druk op "Command" + "V" op Mac of "Control" + "V" op Windows. Hiermee kunt u uw URL in het vak plakken.
   
6. Klik op een lege ruimte op de pagina of druk op "Enter" om de link aan de tekst toe te voegen. Er verschijnt een lijn onder het woord. Wanneer gebruikers op dat woord klikken, worden ze naar het linkadres geleid.
   

Gebruik een sneltoets om koppelingen te maken

Dit is de tweede methode die je kunt gebruiken om een ​​Figma-link te maken. U kunt de sneltoetsmethode gebruiken om koppelingen aan tekst toe te voegen, maar niet aan afbeeldingen.

1. Selecteer de tekst of het woord dat u als link wilt gebruiken.
   
2. Gebruik deze sneltoetsen om een ​​kader over het gemarkeerde woord of de gemarkeerde tekst te maken.
   
   • Druk op “Control” + “K” op Windows-apparaten.
   • Druk op "Command" + "K" op Mac-apparaten.
3. Plak de gewenste URL in het vak.
   
4. Druk op de knop "Enter" om de hyperlink te maken.
   

Gebruik het prototypepaneel om uw hyperlink te maken

Deze methode kan zowel op afbeeldingen als op tekst worden gebruikt. Het is een ideale optie om een ​​afbeelding te koppelen, zoals op sociale media-iconen.

1. Selecteer uw tekst of afbeelding door er eerst op te klikken.
   
2. Ga naar het paneel ‘Eigenschappen’ en open ‘Prototype’.
   
3. Selecteer in het menu Prototype onder 'Interacties' de huidige interactie als deze beschikbaar is. Als er geen is, klikt u op het pictogram “+” om er een toe te voegen.
   
4. Pas de interactie-instellingen aan om succesvol een link toe te voegen:
   
   • Stel de interactie in op 'Bij klikken'.
   • De actie moet dan worden ingesteld op 'Link openen'.
   • Plak uw link in het URL-vak.
   • Vink de optie ‘Openen in nieuw tabblad’ aan om een ​​nieuw tabblad te openen wanneer een gebruiker op de link tikt.
5. Verlaat het prototypepaneel om de afbeelding of tekstlink toe te voegen. Dit verandert niets aan het beeld. Wanneer het ontwerp echter wordt bekeken op het tabblad 'Aanwezig', verandert uw cursor terwijl u over de afbeelding beweegt. Als er op de afbeelding wordt geklikt, wordt de door u toegevoegde link geopend.
   

Bewerk of verwijder Figma-hyperlinks

Als u denkt dat een link niet werkt of als u deze wilt verwijderen, kunt u deze bewerken of verwijderen. Om uw link te bewerken:

1. Beweeg met uw muis over de gekoppelde tekst om het linkmodale te openen.
   
2. Selecteer de optie “Bewerken” naast het modale adres om het adres te bewerken.
   
3. Breng indien nodig de wijzigingen aan en sluit af.
4. Om te verwijderen, maakt u het koppelingsvak leeg. Hierdoor wordt uw URL volledig verwijderd en is de tekst niet langer gekoppeld.
   

Verbeter de toegankelijkheid door hyperlinks toe te voegen aan Figma

Hyperlinks in Figma maken het voor gebruikers gemakkelijker om door de inhoud te navigeren. Uw links kunnen gebruikers naar andere Figma-bestanden, pagina's, frames of prototypes sturen. De links kunnen ook verbonden zijn met externe websites en u naar nieuwe browsertabbladen sturen. Er zijn verschillende manieren om hyperlinks toe te voegen, en het zou eenvoudig moeten zijn met de hierboven beschreven stappen.

Heeft u ooit geprobeerd hyperlinks toe te voegen aan Figma? Hoe was de ervaring? Laat het ons weten in de opmerkingen hieronder.