I Figma-editoren skal du vælge de lag, du vil inkludere i din komponent. Klik på Komponent ikonet på værktøjslinjen, eller brug tastaturgenvejen Cmd/Ctrl + Alt + K .

I Opret komponent dialogboksen, indtast et navn til din komponent og vælg en kategori. Klik på Opret knap.

2. Brug komponenter.

For at bruge en komponent skal du blot trække den fra Aktiver panel på dit lærred. Du kan også bruge Indsæt> Komponent menupunkt.

Når du indsætter en komponent, kan du ændre størrelse, rotere og vende den ligesom ethvert andet lag. I modsætning til almindelige lag kan komponenter dog redigeres uden at påvirke andre forekomster af den samme komponent.

3. Rediger komponenter

For at redigere en komponent skal du dobbeltklikke på den. Dette åbner komponenten i redigeringstilstand. I redigeringstilstand kan du foretage ændringer i komponentens design. Eventuelle ændringer, du foretager, vil blive anvendt på alle forekomster af komponenten.

4. Slet komponenter

For at slette en komponent skal du vælge den på lærredet og trykke på Slet nøgle. Dette vil slette komponenten fra Aktiver panel og fra alle tilfælde, hvor det bruges.

5. Administrer komponenter

Aktiver panelet er hvor du kan administrere dine komponenter. Du kan trække og slippe komponenter, eller du kan bruge Filtret felt for at søge efter specifikke komponenter.

For at eksportere komponenter skal du vælge dem i Aktiver panelet og klik på Eksporter ikon. Du kan eksportere komponenter som SVG-, PNG- eller JSON-filer.

Tips til brug af komponenter i Figma

- Brug komponenter til at skabe ensartede designs. Komponenter kan hjælpe dig med at holde dine designs konsistente ved at sikre, at alle forekomster af et bestemt element har samme udseende og adfærd.

- Brug komponenter til at fremskynde din arbejdsgang. Komponenter kan spare dig tid ved at eliminere behovet for at skabe de samme elementer igen og igen.

- Brug komponenter til at dele dit designarbejde med andre. Komponenter gør det nemt at dele dit designarbejde med andre, selvom de ikke har adgang til Figma-editoren.

Konklusion

Komponenter er en kraftfuld funktion i Figma, der kan hjælpe dig med at skabe ensartede og sammenhængende designs. Ved at bruge komponenter kan du fremskynde din arbejdsgang og dele dit designarbejde med andre.