Komponentegenskaber i Figma muliggør oprettelse af tilpasselige elementer inden for komponenter, hvilket gør det lettere at genbruge og tilpasse design på tværs af projekter. Der findes tre hovedtyper af komponentegenskaber:

1. Instance Swap-egenskab

Denne egenskab gør det muligt at udskifte indlejrede komponenter, såsom ikoner, inden for hovedkomponenten. Forudvalgte ikoner eller værdier kan tilføjes for nem tilpasning.

Sådan opretter du denne egenskab:

• Vælg de instanser, du vil udskifte.
• Brug indstillingen Create Instance Swap Property fra Design-panelet.

2. Boolean-egenskab

Boolean-egenskaben gør det muligt at slå elementer til eller fra, f.eks. at vise eller skjule ikoner eller tekst.
For eksempel kan en egenskab med navnet "Has Left Icon?" styre synligheden af et ikon på venstre side af en knap. Denne egenskab tilføjes under sektionen Appearance.

3. Tekstegenskab

Tekstegenskaben gør det muligt at ændre tekst inden for en komponent direkte fra Design-panelet.

Sådan opretter du denne egenskab:

• Vælg textelementet.
• Brug ikonet Apply Property or Variant i øverste højre hjørne af Design-panelet for at oprette egenskaben.

Disse egenskaber kan omarrangeres i Design-panelet for bedre organisering. Ændringer foretaget i egenskaberne, såsom at slå en Boolean-egenskab til eller fra, justerer automatisk andre relaterede egenskaber for problemfri funktionalitet. Test af alle egenskaber ved at oprette en instans af komponenten sikrer tilpasningsevne til fremtidige projekter.

Komponentegenskaber forbedrer effektiviteten betydeligt ved opbygning og administration af genanvendelige komponenter, såsom knapbiblioteker, hvilket sparer tid og sikrer designkonsistens.