For å legge til ikoner i Figma, kan du enten bruke det innebygde ikonbiblioteket eller importere dine egne tilpassede ikoner.

Bruk av det innebygde ikonbiblioteket

1. Velg rammen eller objektet du vil legge ikonet til.

2. Klikk på "Ikoner"-fanen i venstre sidefelt.

3. Bla gjennom de tilgjengelige ikonene og klikk på det du vil legge til.

4. Ikonet vil bli lagt til den valgte rammen eller objektet.

Importere egendefinerte ikoner

1. Last ned SVG-filen til ikonet du vil importere.

2. Dra og slipp SVG-filen på Figma-lerretet.

3. Ikonet vil bli importert som en komponent.

4. Du kan nå dra og slippe komponenten på en hvilken som helst ramme eller objekt.

Tilpasse ikoner

Når du har lagt til et ikon i designet ditt, kan du tilpasse det ved å endre farge, størrelse eller rotasjon.

For å endre fargen på et ikon, velg det og klikk på "Fyll"-fargeprøven i venstre sidefelt. Du kan deretter velge en ny farge fra fargevelgeren.

For å endre størrelsen på et ikon, velg det og dra håndtakene for avgrensningsramme. Du kan også skrive inn en bestemt størrelsesverdi i feltene "Bredde" og "Høyde" i venstre sidefelt.

For å rotere et ikon, velg det og klikk på "Rotasjon"-ikonet i venstre sidefelt. Du kan deretter skrive inn en bestemt rotasjonsverdi i "Vinkel"-feltet.

Bruke ikoner i prototyper

Du kan også bruke ikoner i prototyper for å lage interaktive knapper og lenker.

For å lage en interaktiv knapp, legg til et ikon i en ramme og klikk deretter på "Interaksjoner"-fanen i venstre sidefelt. Under "Ved klikk"-delen, velg "Naviger til"-alternativet og velg deretter rammen du vil at knappen skal koble til.

For å lage en interaktiv lenke, legg til et ikon til et tekstobjekt og klikk deretter på "Interaksjoner"-fanen i venstre sidefelt. Under "Ved klikk"-delen velger du alternativet "Åpne URL" og skriver inn nettadressen du vil at koblingen skal åpne.