Qu'est-ce qu'un component Figma ?

Un component Figma, ou composant, est un élément "parent" qui peut être lié à un ou plusieurs éléments "enfants" aussi appelées des Instance. Lorsque vous créez une maquette web, vous vous retrouverez avec de nombreux éléments dupliqués à plusieurs endroits. L'idée est que les propriétés de ces "copies" dépendent d'un seul et même élément, le composant. Ainsi, lorsque vous voudrez modifier une propriété, vous n'aurez pas à le faire sur chacun des éléments enfants, mais uniquement sur leur parent. 

Au-delà des Instance, un composant peut également avoir des "variants". C'est à dire prévoir d'autres styles de design, selon le statut du composant, selon certaines propriété que vous aurez défini, etc.

Un exemple de composant peut être un CTA (ou bouton) que vous retrouvez à plusieurs sections et pages de la maquette. Le main composant de votre CTA aura donc :

1. Des Instance : pour chaque copie de ce bouton sur la maquette
2. Des variants : pour chaque état du bouton, lorsqu'il est inactif, en chargement, activé, etc.

Cours sur les composants Figma