Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Figma-Komponenter: Effektiv Oppbygging av Gjenbrukbare Designsystmer | Lage Visuelle Elementer i Figma
UI/UX-design med Figma

bookFigma-Komponenter: Effektiv Oppbygging av Gjenbrukbare Designsystmer

Gjenbrukbare UI-elementer som sikrer konsistens og muliggjør raske oppdateringer på tvers av designprosjekter. Komponenter kan opprettes fra lag, grupper eller rammer.

Slik oppretter du en komponent

Velg en ramme eller et element, høyreklikk, og velg Opprett komponent eller bruk hurtigtasten Ctrl + Alt + K (Windows) eller Cmd + Option + K (Mac).

Hovedkomponenter

Hovedkomponenter vises i lilla i Lag-panelet og identifiseres med et fir-dobbelt diamantikon.

Forekomster

Forekomster er duplikater av hovedkomponenten, identifisert med et enkelt diamantikon. For å opprette en forekomst, dra fra Eiendeler-panelet, dupliser hovedkomponenten (Ctrl/Cmd + D), eller kopier og lim den inn.

Endringer og overstyringer

Endringer i hovedkomponenten oppdaterer automatisk alle dens forekomster. Overstyringer, som endringer i farge eller tekst, påvirker kun forekomsten. For å tilbakestille overstyringer, høyreklikk på en forekomst og velg Tilbakestill alle endringer. For å bruke endringene fra en forekomst på hovedkomponenten, bruk Trykk endringer til hovedkomponent i Design-panelet.

Løsne en forekomst

For å løsne en forekomst fra hovedkomponenten og gjøre den frittstående, høyreklikk og velg Løsne forekomst, gå til Design-panelet og velg Løsne forekomst, eller bruk hurtigtasten Ctrl + Alt + B (Windows) eller Cmd + Option + B (Mac).

Gjenopprett en slettet hovedkomponent

Velg en forekomst, gå til Design-panelet, og klikk Gjenopprett komponent.

Dele komponenter

Komponenter lagres lokalt som standard. For å dele dem, høyreklikk på en hovedkomponent og velg Publiser valgte komponenter, eller flytt komponenten til et teamprosjekt slik at andre får tilgang.

1. Hvilken farge representerer hovedkomponenter i Lag-panelet?

2. Hva er formålet med å overstyre en forekomst?

question mark

Hvilken farge representerer hovedkomponenter i Lag-panelet?

Select the correct answer

question mark

Hva er formålet med å overstyre en forekomst?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 6

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 2.78

bookFigma-Komponenter: Effektiv Oppbygging av Gjenbrukbare Designsystmer

Sveip for å vise menyen

Gjenbrukbare UI-elementer som sikrer konsistens og muliggjør raske oppdateringer på tvers av designprosjekter. Komponenter kan opprettes fra lag, grupper eller rammer.

Slik oppretter du en komponent

Velg en ramme eller et element, høyreklikk, og velg Opprett komponent eller bruk hurtigtasten Ctrl + Alt + K (Windows) eller Cmd + Option + K (Mac).

Hovedkomponenter

Hovedkomponenter vises i lilla i Lag-panelet og identifiseres med et fir-dobbelt diamantikon.

Forekomster

Forekomster er duplikater av hovedkomponenten, identifisert med et enkelt diamantikon. For å opprette en forekomst, dra fra Eiendeler-panelet, dupliser hovedkomponenten (Ctrl/Cmd + D), eller kopier og lim den inn.

Endringer og overstyringer

Endringer i hovedkomponenten oppdaterer automatisk alle dens forekomster. Overstyringer, som endringer i farge eller tekst, påvirker kun forekomsten. For å tilbakestille overstyringer, høyreklikk på en forekomst og velg Tilbakestill alle endringer. For å bruke endringene fra en forekomst på hovedkomponenten, bruk Trykk endringer til hovedkomponent i Design-panelet.

Løsne en forekomst

For å løsne en forekomst fra hovedkomponenten og gjøre den frittstående, høyreklikk og velg Løsne forekomst, gå til Design-panelet og velg Løsne forekomst, eller bruk hurtigtasten Ctrl + Alt + B (Windows) eller Cmd + Option + B (Mac).

Gjenopprett en slettet hovedkomponent

Velg en forekomst, gå til Design-panelet, og klikk Gjenopprett komponent.

Dele komponenter

Komponenter lagres lokalt som standard. For å dele dem, høyreklikk på en hovedkomponent og velg Publiser valgte komponenter, eller flytt komponenten til et teamprosjekt slik at andre får tilgang.

1. Hvilken farge representerer hovedkomponenter i Lag-panelet?

2. Hva er formålet med å overstyre en forekomst?

question mark

Hvilken farge representerer hovedkomponenter i Lag-panelet?

Select the correct answer

question mark

Hva er formålet med å overstyre en forekomst?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 6
some-alt