Comment utiliser les composants dans Figma

Dans l'éditeur Figma, sélectionnez les calques que vous souhaitez inclure dans votre composant. Cliquez sur le Composant dans la barre d'outils ou utilisez le raccourci clavier Cmd/Ctrl + Alt + K .

Dans la fenêtre Créer un composant dans la boîte de dialogue, entrez un nom pour votre composant et sélectionnez une catégorie. Cliquez sur Créer bouton.

2. Utiliser des composants.

Pour utiliser un composant, faites-le simplement glisser depuis les Actifs panneau sur votre toile. Vous pouvez également utiliser l'option Insérer> Composant élément de menu.

Lorsque vous insérez un composant, vous pouvez le redimensionner, le faire pivoter et le retourner comme n'importe quel autre calque. Cependant, contrairement aux calques classiques, les composants peuvent être modifiés sans affecter les autres instances du même composant.

3. Modifier les composants

Pour éditer un composant, double-cliquez dessus. Cela ouvrira le composant en mode édition. En mode édition, vous pouvez apporter des modifications à la conception du composant. Toutes les modifications que vous apportez seront appliquées à toutes les instances du composant.

4. Supprimer des composants

Pour supprimer un composant, sélectionnez-le sur le canevas et appuyez sur la touche Supprimer. clé. Cela supprimera le composant des Actifs panneau et de toutes les instances où il est utilisé.

5. Gérer les composants

Les Actifs Le panneau est l'endroit où vous pouvez gérer vos composants. Vous pouvez glisser-déposer des composants ou utiliser le Filtre champ pour rechercher des composants spécifiques.

Pour exporter des composants, sélectionnez-les dans les Actifs et cliquez sur Exporter icône. Vous pouvez exporter des composants sous forme de fichiers SVG, PNG ou JSON.

Conseils pour utiliser les composants dans Figma

- Utilisez des composants pour créer des conceptions cohérentes. Les composants peuvent vous aider à maintenir la cohérence de vos conceptions en garantissant que toutes les instances d'un élément particulier ont la même apparence et le même comportement.

- Utilisez des composants pour accélérer votre flux de travail. Les composants peuvent vous faire gagner du temps en éliminant le besoin de créer les mêmes éléments encore et encore.

- Utilisez des composants pour partager votre travail de conception avec d'autres. Les composants facilitent le partage de votre travail de conception avec d'autres personnes, même s'ils n'ont pas accès à l'éditeur Figma.

Conclusion

Les composants sont une fonctionnalité puissante de Figma qui peut vous aider à créer des conceptions cohérentes et cohérentes. En utilisant des composants, vous pouvez accélérer votre flux de travail et partager votre travail de conception avec d'autres.