Figma-Componenten: Efficiënt Herbruikbare Ontwerpsystemen Bouwen
Herbruikbare UI-elementen die consistentie waarborgen en snelle updates mogelijk maken binnen ontwerptrajecten. Componenten kunnen worden gemaakt van lagen, groepen of frames.
Een component maken
Selecteer een frame of element, klik met de rechtermuisknop en kies Component maken of gebruik de sneltoets Ctrl + Alt + K (Windows) of Cmd + Option + K (Mac).
Hoofdcomponenten
Hoofdcomponenten worden weergegeven in paars in het Lagen-paneel en zijn te herkennen aan een viervoudig diamantpictogram.
Instanties
Instanties zijn duplicaten van de hoofdcomponent, te herkennen aan een enkel diamantpictogram. Om een instantie te maken, sleep vanuit het Assets-paneel, dupliceer de hoofdcomponent (Ctrl/Cmd + D), of kopieer en plak deze.
Wijzigingen en overschrijvingen
Wijzigingen aan de hoofdcomponent worden automatisch doorgevoerd in alle instanties. Overschrijvingen, zoals aanpassingen in kleur of tekst, hebben alleen invloed op de instantie. Om overschrijvingen te resetten, klik met de rechtermuisknop op een instantie en selecteer Alle wijzigingen resetten. Om wijzigingen van een instantie toe te passen op de hoofdcomponent, gebruik Wijzigingen doorvoeren naar hoofdcomponent in het Ontwerp-paneel.
Een instantie loskoppelen
Om een instantie los te koppelen van de hoofdcomponent en zelfstandig te maken, klik met de rechtermuisknop en selecteer Instatie loskoppelen, ga naar het Ontwerp-paneel en selecteer Instatie loskoppelen, of gebruik de sneltoets Ctrl + Alt + B (Windows) of Cmd + Option + B (Mac).
Een verwijderde hoofdcomponent herstellen
Selecteer een instantie, ga naar het Ontwerp-paneel en klik op Component herstellen.
Componenten delen
Componenten worden standaard lokaal opgeslagen. Om ze te delen, klik met de rechtermuisknop op een hoofdcomponent en selecteer Geselecteerde componenten publiceren, of verplaats de component naar een teamproject zodat anderen er toegang toe hebben.
1. Welke kleur vertegenwoordigt hoofdcomponenten in het Lagen-paneel?
2. Wat is het doel van het overschrijven van een instantie?
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
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-Componenten: Efficiënt Herbruikbare Ontwerpsystemen Bouwen
Veeg om het menu te tonen
Herbruikbare UI-elementen die consistentie waarborgen en snelle updates mogelijk maken binnen ontwerptrajecten. Componenten kunnen worden gemaakt van lagen, groepen of frames.
Een component maken
Selecteer een frame of element, klik met de rechtermuisknop en kies Component maken of gebruik de sneltoets Ctrl + Alt + K (Windows) of Cmd + Option + K (Mac).
Hoofdcomponenten
Hoofdcomponenten worden weergegeven in paars in het Lagen-paneel en zijn te herkennen aan een viervoudig diamantpictogram.
Instanties
Instanties zijn duplicaten van de hoofdcomponent, te herkennen aan een enkel diamantpictogram. Om een instantie te maken, sleep vanuit het Assets-paneel, dupliceer de hoofdcomponent (Ctrl/Cmd + D), of kopieer en plak deze.
Wijzigingen en overschrijvingen
Wijzigingen aan de hoofdcomponent worden automatisch doorgevoerd in alle instanties. Overschrijvingen, zoals aanpassingen in kleur of tekst, hebben alleen invloed op de instantie. Om overschrijvingen te resetten, klik met de rechtermuisknop op een instantie en selecteer Alle wijzigingen resetten. Om wijzigingen van een instantie toe te passen op de hoofdcomponent, gebruik Wijzigingen doorvoeren naar hoofdcomponent in het Ontwerp-paneel.
Een instantie loskoppelen
Om een instantie los te koppelen van de hoofdcomponent en zelfstandig te maken, klik met de rechtermuisknop en selecteer Instatie loskoppelen, ga naar het Ontwerp-paneel en selecteer Instatie loskoppelen, of gebruik de sneltoets Ctrl + Alt + B (Windows) of Cmd + Option + B (Mac).
Een verwijderde hoofdcomponent herstellen
Selecteer een instantie, ga naar het Ontwerp-paneel en klik op Component herstellen.
Componenten delen
Componenten worden standaard lokaal opgeslagen. Om ze te delen, klik met de rechtermuisknop op een hoofdcomponent en selecteer Geselecteerde componenten publiceren, of verplaats de component naar een teamproject zodat anderen er toegang toe hebben.
1. Welke kleur vertegenwoordigt hoofdcomponenten in het Lagen-paneel?
2. Wat is het doel van het overschrijven van een instantie?
Bedankt voor je feedback!
