Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Composants | Création de Visuels
Ui/Ux Avec Figma
course content

Contenu du cours

Ui/Ux Avec Figma

Ui/Ux Avec Figma

1. Outils de Base de Figma
2. Création et Organisation des Objets
3. Création de Visuels
4. Prototypage
5. Soumettre le Travail

book
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 ?

Quelle couleur représente les composants maîtres dans le panneau des calques ?

Quelle couleur représente les composants maîtres dans le panneau des calques ?

Sélectionnez la réponse correcte

Quel est le but de remplacer une instance ?

Quel est le but de remplacer une instance ?

Sélectionnez la réponse correcte

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 6
We're sorry to hear that something went wrong. What happened?
some-alt