Figma-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?
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
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
Figma-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?
Takk for tilbakemeldingene dine!