Figma-Komponenter: Opbygning af Genanvendelige Designsystmer Effektivt

Genanvendelige UI-elementer, der sikrer konsistens og muliggør hurtige opdateringer på tværs af designprojekter. Komponenter kan oprettes ud fra lag, grupper eller rammer.

Oprettelse af en komponent

Vælg en ramme eller et element, højreklik, og vælg Opret komponent eller brug genvejstasten Ctrl + Alt + K (Windows) eller Cmd + Option + K (Mac).

Hovedkomponenter

Hovedkomponenter vises med lilla i Lag-panelet og identificeres med et firdobbelt diamantikon.

Instanser

Instanser er kopier af hovedkomponenten, identificeret med et enkelt diamantikon. For at oprette en instans kan du trække fra panelet Aktiver, duplikere hovedkomponenten (Ctrl/Cmd + D), eller kopiere og indsætte den.

Ændringer og overskrivelser

Ændringer i hovedkomponenten opdaterer automatisk alle dens instanser. Overskrivelser, såsom ændringer af farve eller tekst, påvirker kun instansen. For at nulstille overskrivelser, højreklik på en instans og vælg Nulstil alle ændringer. For at anvende en instans' ændringer på hovedkomponenten, brug Skub ændringer til hovedkomponent i Design-panelet.

Frigør en instans

For at frigøre en instans fra dens hovedkomponent og gøre den selvstændig, højreklik og vælg Frigør instans, gå til Design-panelet og vælg Frigør instans, eller brug genvejstasten Ctrl + Alt + B (Windows) eller Cmd + Option + B (Mac).

Gendan en slettet hovedkomponent

Vælg en instans, gå til Design-panelet, og klik på Gendan komponent.

Deling af komponenter

Komponenter gemmes som standard lokalt. For at dele dem, højreklik på en hovedkomponent og vælg Publicer valgte komponenter, eller flyt komponenten til et teamprojekt, så andre kan få adgang.