Selecteer in de Figma-editor de lagen die u in uw component wilt opnemen. Klik op de Component -pictogram in de werkbalk of gebruik de sneltoets Cmd/Ctrl + Alt + K .

In de Component maken dialoogvenster, voer een naam in voor uw component en selecteer een categorie. Klik op Maken knop.

2. Gebruik componenten.

Als u een component wilt gebruiken, sleept u deze eenvoudigweg uit de Assets paneel op uw canvas. U kunt ook Invoegen gebruiken> Component menu-item.

Wanneer u een component invoegt, kunt u deze net als elke andere laag vergroten of verkleinen, roteren en spiegelen. In tegenstelling tot gewone lagen kunnen componenten echter worden bewerkt zonder andere exemplaren van dezelfde component te beïnvloeden.

3. Componenten bewerken

Om een ​​component te bewerken, dubbelklikt u erop. Hierdoor wordt de component in de bewerkingsmodus geopend. In de bewerkingsmodus kunt u wijzigingen aanbrengen in het ontwerp van de component. Alle wijzigingen die u aanbrengt, worden toegepast op alle exemplaren van de component.

4. Componenten verwijderen

Om een ​​component te verwijderen, selecteert u deze op het canvas en drukt u op Verwijderen sleutel. Hierdoor wordt de component verwijderd uit de Assets paneel en van alle instanties waar het wordt gebruikt.

5. Beheer componenten

De Activiteiten In het paneel kunt u uw componenten beheren. U kunt componenten slepen en neerzetten, of u kunt het Filter gebruiken veld om naar specifieke componenten te zoeken.

Als u componenten wilt exporteren, selecteert u ze in Assets paneel en klik op Exporteren icon. U kunt componenten exporteren als SVG-, PNG- of JSON-bestanden.

Tips voor het gebruik van componenten in Figma

- Gebruik componenten om consistente ontwerpen te maken. Componenten kunnen u helpen uw ontwerpen consistent te houden door ervoor te zorgen dat alle exemplaren van een bepaald element hetzelfde uiterlijk en gedrag hebben.

- Gebruik componenten om uw workflow te versnellen. Componenten kunnen u tijd besparen doordat u niet steeds opnieuw dezelfde elementen hoeft te maken.

- Gebruik componenten om uw ontwerpwerk met anderen te delen. Componenten maken het gemakkelijk om uw ontwerpwerk met anderen te delen, zelfs als zij geen toegang hebben tot de Figma-editor.

Conclusie

Componenten zijn een krachtige functie in Figma waarmee u consistente en samenhangende ontwerpen kunt maken. Door componenten te gebruiken, kunt u uw workflow versnellen en uw ontwerpwerk met anderen delen.