För att lägga till ikoner i Figma kan du antingen använda det inbyggda ikonbiblioteket eller importera dina egna anpassade ikoner.
Använda det inbyggda ikonbiblioteket
1. Välj ramen eller objektet som du vill lägga till ikonen till.
2. Klicka på fliken "Ikoner" i det vänstra sidofältet.
3. Bläddra igenom de tillgängliga ikonerna och klicka på den du vill lägga till.
4. Ikonen kommer att läggas till den valda ramen eller objektet.
Importera anpassade ikoner
1. Ladda ner SVG-filen för ikonen du vill importera.
2. Dra och släpp SVG-filen på Figma-duken.
3. Ikonen kommer att importeras som en komponent.
4. Du kan nu dra och släppa komponenten på valfri ram eller objekt.
Anpassa ikoner
När du har lagt till en ikon till din design kan du anpassa den genom att ändra dess färg, storlek eller rotation.
För att ändra färgen på en ikon, välj helt enkelt den och klicka på "Fyll"-färgrutan i det vänstra sidofältet. Du kan sedan välja en ny färg från färgväljaren.
Om du vill ändra storleken på en ikon markerar du den och drar i handtagen för begränsningsramen. Du kan också skriva in ett visst storleksvärde i fälten "Bredd" och "Höjd" i det vänstra sidofältet.
För att rotera en ikon, välj den och klicka på ikonen "Rotation" i det vänstra sidofältet. Du kan sedan skriva in ett specifikt rotationsvärde i fältet "Vinkel".
Använda ikoner i prototyper
Du kan också använda ikoner i prototyper för att skapa interaktiva knappar och länkar.
För att skapa en interaktiv knapp lägger du bara till en ikon i en ram och klickar sedan på fliken "Interaktioner" i det vänstra sidofältet. Under avsnittet "Vid klick", välj alternativet "Navigera till" och välj sedan den ram du vill att knappen ska länka till.
För att skapa en interaktiv länk, lägg helt enkelt till en ikon till ett textobjekt och klicka sedan på fliken "Interaktioner" i det vänstra sidofältet. Under avsnittet "Vid klick", välj alternativet "Öppna URL" och ange sedan webbadressen som du vill att länken ska öppna.
