Contenu du cours
Ui/Ux Avec Figma
Ui/Ux Avec Figma
Composants
Éléments d'interface utilisateur réutilisables qui garantissent la cohérence et permettent des mises à jour rapides dans les projets de conception. Les composants peuvent être créés à partir de calques, de groupes ou de cadres.
Pour créer un composant
Sélectionnez un cadre ou un élément, faites un clic droit et choisissez Créer un composant ou utilisez le raccourci Ctrl + Alt + K (Windows) ou Cmd + Option + K (Mac).
Composants maîtres
Les composants maîtres sont affichés en violet dans le panneau Calques et identifiés par une icône de diamant quadruple.
Instances
Les instances sont des duplicatas du composant maître, identifiés par une icône de diamant simple. Pour créer une instance, faites glisser depuis le panneau Assets, dupliquez le maître (Ctrl/Cmd + D), ou copiez et collez-le.
Modifications et remplacements
Les modifications apportées au composant maître mettent automatiquement à jour toutes ses instances. Les remplacements, tels que les changements de couleur ou de texte, n'affectent que l'instance. Pour réinitialiser les remplacements, faites un clic droit sur une instance et sélectionnez Réinitialiser toutes les modifications. Pour appliquer les modifications d'une instance au maître, utilisez Appliquer les modifications au composant principal dans le panneau Design.
Détacher une instance
Pour détacher une instance de son maître et la rendre autonome, faites un clic droit et sélectionnez Détacher l'instance, allez dans le panneau Design et sélectionnez Détacher l'instance, ou utilisez le raccourci Ctrl + Alt + B (Windows) ou Cmd + Option + B (Mac).
Restaurer un composant maître supprimé
Sélectionnez une instance, allez dans le panneau Design, et cliquez sur Restaurer le composant.
Partager des composants
Les composants sont enregistrés localement par défaut. Pour les partager, faites un clic droit sur un composant maître et sélectionnez Publier les composants sélectionnés, ou déplacez le composant vers un projet d'équipe pour que d'autres puissent y accéder.
1. Quelle couleur représente les composants maîtres dans le panneau des calques ?
2. Quel est le but de remplacer une instance ?
Merci pour vos commentaires !