For at tilføje ikoner i Figma kan du enten bruge det indbyggede ikonbibliotek eller importere dine egne brugerdefinerede ikoner.

Brug af det indbyggede ikonbibliotek

1. Vælg den ramme eller det objekt, du vil tilføje ikonet til.

2. Klik på fanen "Ikoner" i venstre sidebjælke.

3. Gennemse de tilgængelige ikoner, og klik på den, du vil tilføje.

4. Ikonet føjes til den valgte ramme eller det valgte objekt.

Import af tilpassede ikoner

1. Download SVG-filen for det ikon, du vil importere.

2. Træk og slip SVG-filen på Figma-lærredet.

3. Ikonet vil blive importeret som en komponent.

4. Du kan nu trække og slippe komponenten på en hvilken som helst ramme eller ethvert objekt.

Tilpasning af ikoner

Når du har tilføjet et ikon til dit design, kan du tilpasse det ved at ændre dets farve, størrelse eller rotation.

For at ændre farven på et ikon skal du blot vælge det og klikke på "Fyld" farveprøven i venstre sidebjælke. Du kan derefter vælge en ny farve fra farvevælgeren.

For at ændre størrelsen på et ikon skal du vælge det og trække i afgrænsningsrammens håndtag. Du kan også indtaste en bestemt størrelsesværdi i felterne "Bredde" og "Højde" i venstre sidebjælke.

For at rotere et ikon skal du vælge det og klikke på "Rotation"-ikonet i venstre sidebjælke. Du kan derefter indtaste en bestemt rotationsværdi i feltet "Vinkel".

Brug af ikoner i prototyper

Du kan også bruge ikoner i prototyper til at oprette interaktive knapper og links.

For at oprette en interaktiv knap skal du blot tilføje et ikon til en ramme og derefter klikke på fanen "Interaktioner" i venstre sidebjælke. Under afsnittet "Ved klik" skal du vælge "Naviger til" og derefter vælge den ramme, du ønsker, at knappen skal linke til.

For at oprette et interaktivt link skal du blot tilføje et ikon til et tekstobjekt og derefter klikke på fanen "Interaktioner" i venstre sidebjælke. Under sektionen "Ved klik" skal du vælge "Åbn URL" og derefter indtaste den URL, du vil have linket til at åbne.