Contenu du cours
Ui/Ux Avec Figma
Ui/Ux Avec Figma
1. Outils de Base de Figma
2. Création et Organisation des Objets
Configuration du Projet
Renommer les projets
Double-cliquez sur le nom du projet en haut pour le renommer. Appuyez sur Entrée/Retour pour enregistrer les modifications.
Composants clés de l'interface
-
Pages et calques : situés à gauche, ils sont utilisés pour organiser le contenu ;
-
Panneau de design : trouvé à droite, ce panneau contient des paramètres pour les flux de travail de design, de prototypage et d'animation ;
-
Barre d'outils : Positionnée sous le canevas, cette section comprend des outils qui seront discutés dans le prochain chapitre.
Menu déroulant
Accessible via une icône de flèche, ce menu comprend :
- Nouvelle fenêtre : ouvre une fenêtre Figma séparée ;
- Nouvel onglet : similaire au bouton "Créer nouveau" ;
- Ouvrir dans le navigateur : voir le projet dans un navigateur ;
- Ouvrir un fichier depuis le presse-papiers : coller et ouvrir des fichiers directement ;
- Fermer/réouvrir les onglets : gérer les onglets et fenêtres Figma ;
- Plugins et échelle de l'interface : ajuster l'échelle (par exemple, 110 %) ou gérer les plugins ;
- Préférences : accéder aux paramètres, guides d'aide, mises à jour et "À propos de Figma".
Icône de réduction de l'UI
Bascule la visibilité des panneaux gauche et droit.
Icône de recherche
Trouver rapidement des actifs ou des composants dans un projet.
Mode Présentation
- Utilisez l'icône Présenter pour afficher des cadres dans des maquettes d'appareils (par exemple, iPhone, MacBook) ;
- Changez l'appareil ou basculez le cadre de la maquette activé/désactivé ;
- Entrez en mode plein écran via un bouton dans le coin supérieur droit.
Options de partage
- Utilisez le bouton Partager pour partager des fichiers via des liens, des invitations par e-mail ou en copiant des liens développeur/prototype ;
- Définissez les autorisations (voir/modifier) et les options d'accès pour publier dans la communauté ou obtenir le code d'intégration.
Gestion des fichiers
Recherchez et filtrez les projets par :
- Type de fichier : fichiers de design, tableaux FigJam, diapositives ;
- Créateur, organisation ou dossier.
Options d'affichage
- Choisissez entre vue grille/vignette ou vue liste ;
- Tri par nom, date de création (plus ancien/récent).
1. Quelle fonctionnalité supplémentaire la version de bureau de Figma offre-t-elle par rapport à la version navigateur ?
2. En mode Présentation, que fait l'option "Afficher le cadre de l'appareil" ?
Tout était clair ?
Merci pour vos commentaires !
Section 1. Chapitre 3