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

bookFigma-Komponenter: Effektiv Opbygning af Genanvendelige Designsystmer

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.

Sådan oprettes 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 fir-dobbelt diamantikon.

Instanser

Instanser er kopier af hovedkomponenten, identificeret med et enkelt diamantikon. For at oprette en instans, træk fra panelet Aktiver, dupliker hovedkomponenten (Ctrl/Cmd + D), eller kopier og indsæt den.

Ændringer og overskrivelser

Ændringer i hovedkomponenten opdaterer automatisk alle dens instanser. Overskrivelser, såsom ændringer i 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 hoved 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.

1. Hvilken farve repræsenterer hovedkomponenter i Lag-panelet?

2. Hvad er formålet med at overskrive en instans?

question mark

Hvilken farve repræsenterer hovedkomponenter i Lag-panelet?

Select the correct answer

question mark

Hvad er formålet med at overskrive en instans?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 6

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 2.78

bookFigma-Komponenter: Effektiv Opbygning af Genanvendelige Designsystmer

Stryg for at vise menuen

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.

Sådan oprettes 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 fir-dobbelt diamantikon.

Instanser

Instanser er kopier af hovedkomponenten, identificeret med et enkelt diamantikon. For at oprette en instans, træk fra panelet Aktiver, dupliker hovedkomponenten (Ctrl/Cmd + D), eller kopier og indsæt den.

Ændringer og overskrivelser

Ændringer i hovedkomponenten opdaterer automatisk alle dens instanser. Overskrivelser, såsom ændringer i 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 hoved 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.

1. Hvilken farve repræsenterer hovedkomponenter i Lag-panelet?

2. Hvad er formålet med at overskrive en instans?

question mark

Hvilken farve repræsenterer hovedkomponenter i Lag-panelet?

Select the correct answer

question mark

Hvad er formålet med at overskrive en instans?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 6
some-alt