Figma-Komponenter: Bygga Återanvändbara Designsysten Effektivt
Återanvändbara UI-element som säkerställer konsekvens och möjliggör snabba uppdateringar i designprojekt. Komponenter kan skapas från lager, grupper eller ramar.
Skapa en komponent
Markera en ram eller ett element, högerklicka och välj Skapa komponent eller använd genvägen Ctrl + Alt + K (Windows) eller Cmd + Option + K (Mac).
Huvudkomponenter
Huvudkomponenter visas i lila i lagerpanelen och identifieras med en fyrdubbel diamantikon.
Instanser
Instanser är kopior av huvudkomponenten, identifierade med en enkel diamantikon. För att skapa en instans, dra från tillgångspanelen, duplicera huvudkomponenten (Ctrl/Cmd + D) eller kopiera och klistra in den.
Ändringar och åsidosättningar
Ändringar i huvudkomponenten uppdaterar automatiskt alla dess instanser. Åsidosättningar, såsom ändringar av färg eller text, påverkar endast instansen. För att återställa åsidosättningar, högerklicka på en instans och välj Återställ alla ändringar. För att tillämpa en instans ändringar på huvudkomponenten, använd Tryck ändringar till huvudkomponent i designpanelen.
Koppla bort en instans
För att koppla bort en instans från dess huvud och göra den fristående, högerklicka och välj Koppla bort instans, gå till designpanelen och välj Koppla bort instans, eller använd genvägen Ctrl + Alt + B (Windows) eller Cmd + Option + B (Mac).
Återställ en borttagen huvudkomponent
Markera en instans, gå till designpanelen och klicka på Återställ komponent.
Dela komponenter
Komponenter sparas lokalt som standard. För att dela dem, högerklicka på en huvudkomponent och välj Publicera valda komponenter, eller flytta komponenten till ett teamprojekt så att andra kan få åtkomst.
1. Vilken färg representerar huvudkomponenter i lagerpanelen?
2. Vad är syftet med att åsidosätta en instans?
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Can you explain the difference between a master component and an instance?
How do I reset overrides on a component instance?
What happens if I delete a master component by accident?
Awesome!
Completion rate improved to 2.78Figma-Komponenter: Bygga Återanvändbara Designsysten Effektivt
Svep för att visa menyn
Återanvändbara UI-element som säkerställer konsekvens och möjliggör snabba uppdateringar i designprojekt. Komponenter kan skapas från lager, grupper eller ramar.
Skapa en komponent
Markera en ram eller ett element, högerklicka och välj Skapa komponent eller använd genvägen Ctrl + Alt + K (Windows) eller Cmd + Option + K (Mac).
Huvudkomponenter
Huvudkomponenter visas i lila i lagerpanelen och identifieras med en fyrdubbel diamantikon.
Instanser
Instanser är kopior av huvudkomponenten, identifierade med en enkel diamantikon. För att skapa en instans, dra från tillgångspanelen, duplicera huvudkomponenten (Ctrl/Cmd + D) eller kopiera och klistra in den.
Ändringar och åsidosättningar
Ändringar i huvudkomponenten uppdaterar automatiskt alla dess instanser. Åsidosättningar, såsom ändringar av färg eller text, påverkar endast instansen. För att återställa åsidosättningar, högerklicka på en instans och välj Återställ alla ändringar. För att tillämpa en instans ändringar på huvudkomponenten, använd Tryck ändringar till huvudkomponent i designpanelen.
Koppla bort en instans
För att koppla bort en instans från dess huvud och göra den fristående, högerklicka och välj Koppla bort instans, gå till designpanelen och välj Koppla bort instans, eller använd genvägen Ctrl + Alt + B (Windows) eller Cmd + Option + B (Mac).
Återställ en borttagen huvudkomponent
Markera en instans, gå till designpanelen och klicka på Återställ komponent.
Dela komponenter
Komponenter sparas lokalt som standard. För att dela dem, högerklicka på en huvudkomponent och välj Publicera valda komponenter, eller flytta komponenten till ett teamprojekt så att andra kan få åtkomst.
1. Vilken färg representerar huvudkomponenter i lagerpanelen?
2. Vad är syftet med att åsidosätta en instans?
Tack för dina kommentarer!
