Komponentegenskaper i Figma muliggjør opprettelse av tilpassbare elementer innenfor komponenter, noe som gjør det enklere å gjenbruke og tilpasse design på tvers av prosjekter. Det finnes tre hovedtyper av komponentegenskaper:

1. Instansbytte-egenskap

Denne egenskapen lar deg bytte ut nestede komponenter, som ikoner, innenfor hovedkomponenten. Forhåndsvalgte ikoner eller verdier kan legges til for enkel tilpasning.

For å opprette denne egenskapen:

• Velg instansene du vil bytte.
• Bruk Opprett instansbytte-egenskap fra Design-panelet.

2. Boolsk egenskap

Den boolske egenskapen gjør det mulig å slå elementer av eller på, som å vise eller skjule ikoner eller tekst.
For eksempel kan en egenskap kalt "Har venstre ikon?" kontrollere synligheten til et ikon på venstre side av en knapp. Denne egenskapen legges til under Utseende-seksjonen.

3. Tekstegenskap

Tekstegenskapen lar deg endre tekst innenfor en komponent direkte fra Design-panelet.

For å opprette denne egenskapen:

• Velg textelementet.
• Bruk Bruk egenskap eller variant-ikonet øverst til høyre i Design-panelet for å opprette egenskapen.

Disse egenskapene kan omorganiseres i Design-panelet for bedre oversikt. Endringer gjort på egenskapene, som å slå en boolsk egenskap av eller på, justerer automatisk andre relaterte egenskaper for sømløs funksjonalitet. Testing av alle egenskaper ved å opprette en instans av komponenten sikrer tilpasningsevne for fremtidige prosjekter.

Komponentegenskaper forbedrer effektiviteten betydelig ved bygging og håndtering av gjenbrukbare komponenter, som knappbiblioteker, og sparer tid samtidig som designkonsistens sikres.