Figma-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?
Tak for dine kommentarer!
Spørg AI
Spørg AI
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
Figma-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?
Tak for dine kommentarer!