I Figma-editoren velger du lagene du vil inkludere i komponenten. Klikk Komponent ikonet på verktøylinjen eller bruk hurtigtasten Cmd/Ctrl + Alt + K .

I Opprett komponent dialogboksen, skriv inn et navn for komponenten og velg en kategori. Klikk på Opprett knapp.

2. Bruk komponenter.

For å bruke en komponent, drar du den fra Events panel på lerretet ditt. Du kan også bruke Sett inn> Komponent menyelement.

Når du setter inn en komponent, kan du endre størrelsen, rotere og snu den akkurat som alle andre lag. Imidlertid, i motsetning til vanlige lag, kan komponenter redigeres uten å påvirke andre forekomster av samme komponent.

3. Rediger komponenter

For å redigere en komponent, dobbeltklikk på den. Dette vil åpne komponenten i redigeringsmodus. I redigeringsmodus kan du gjøre endringer i komponentens design. Eventuelle endringer du gjør vil bli brukt på alle forekomster av komponenten.

4. Slett komponenter

For å slette en komponent, velg den på lerretet og trykk på Slett nøkkel. Dette vil slette komponenten fra Eiendeler panel og fra alle tilfeller der det brukes.

5. Administrer komponenter

Events panelet er der du kan administrere komponentene dine. Du kan dra og slippe komponenter, eller du kan bruke filteret feltet for å søke etter spesifikke komponenter.

For å eksportere komponenter, velg dem i Eiendeler og klikk på Eksporter ikon. Du kan eksportere komponenter som SVG-, PNG- eller JSON-filer.

Tips for bruk av komponenter i Figma

- Bruk komponenter for å lage konsistente design. Komponenter kan hjelpe deg å holde designene dine konsistente ved å sikre at alle forekomster av et bestemt element har samme utseende og oppførsel.

- Bruk komponenter for å øke hastigheten på arbeidsflyten. Komponenter kan spare deg for tid ved å eliminere behovet for å lage de samme elementene om og om igjen.

- Bruk komponenter til å dele designarbeidet ditt med andre. Komponenter gjør det enkelt å dele designarbeidet ditt med andre, selv om de ikke har tilgang til Figma-editoren.

Konklusjon

Komponenter er en kraftig funksjon i Figma som kan hjelpe deg med å lage konsistente og sammenhengende design. Ved å bruke komponenter kan du øke hastigheten på arbeidsflyten og dele designarbeidet med andre.