Komponentegenskaper i Figma möjliggör skapandet av anpassningsbara element inom komponenter, vilket förenklar återanvändning och anpassning av designer mellan projekt. Det finns tre huvudtyper av komponentegenskaper:

1. Instansbytesegenskap

Denna egenskap gör det möjligt att byta ut inbäddade komponenter, såsom ikoner, inom huvudkomponenten. Förvalda ikoner eller värden kan läggas till för enkel anpassning.

För att skapa denna egenskap:

• Markera de instanser du vill byta ut.
• Använd alternativet Skapa instansbytesegenskap i Designpanelen.

2. Boolesk egenskap

Den booleska egenskapen möjliggör att slå på eller av element, till exempel att visa eller dölja ikoner eller text.
Till exempel kan en egenskap med namnet "Har vänsterikon?" styra synligheten för en ikon på vänster sida av en knapp. Denna egenskap läggs till under avsnittet Utseende.

3. Textegenskap

Textegenskapen gör det möjligt att ändra text inom en komponent direkt från Designpanelen.

För att skapa denna egenskap:

• Markera textelementet.
• Använd ikonen Tillämpa egenskap eller variant i det övre högra hörnet av Designpanelen för att skapa egenskapen.

Dessa egenskaper kan omordnas i Designpanelen för bättre organisering. Ändringar av egenskaper, såsom att slå på eller av en boolesk egenskap, justerar automatiskt andra relaterade egenskaper för smidig funktionalitet. Testa alla egenskaper genom att skapa en instans av komponenten för att säkerställa anpassningsbarhet för framtida projekt.

Komponentegenskaper förbättrar effektiviteten vid skapande och hantering av återanvändbara komponenter, såsom knappbibliotek, vilket sparar tid och säkerställer designkonsekvens.