Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Configuration du Projet dans Figma | Outils de Base de Figma
Conception UI/UX Avec Figma

bookConfiguration du Projet dans Figma

Renommer les projets

Double-cliquez sur le nom du projet en haut pour le renommer. Appuyez sur Entrée/Retour pour enregistrer les modifications.

Principaux composants de l’interface

  • Pages et calques : situés à gauche, ils servent à organiser le contenu ;

  • Panneau de conception : situé à droite, ce panneau contient les paramètres pour les workflows de conception, de prototypage et d’animation ;

  • Barre d’outils : Positionnée sous la zone de travail, cette section comprend des outils qui seront abordés dans le prochain chapitre.

Menu déroulant

Accessible via une icône en forme 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 : affiche le projet dans un navigateur ;
  • Ouvrir un fichier depuis le presse-papiers : collez et ouvrez des fichiers directement ;
  • Fermer/réouvrir des onglets : gérez les onglets et fenêtres Figma ;
  • Plugins et échelle de l’interface : ajustez l’échelle (ex. : 110 %) ou gérez les plugins ;
  • Préférences : accédez aux paramètres, guides d’aide, mises à jour et « À propos de Figma ».

Icône de réduction de l’interface

Permet d’afficher ou de masquer les panneaux gauche et droit.

Icône de recherche

Permet de trouver rapidement des ressources ou composants dans un projet.

Mode Présentation

  • Utilisez l’icône Présenter pour afficher les cadres dans des maquettes d’appareils (ex. : iPhone, MacBook) ;
  • Changez l’appareil ou activez/désactivez le cadre de la maquette ;
  • Passez en mode plein écran via un bouton en haut à droite.

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 (lecture/modification) et les options d’accès pour publier dans la communauté ou obtenir un code d’intégration.

Gestion des fichiers

Recherchez et filtrez les projets par :

  • Type de fichier : fichiers de conception, tableaux FigJam, diapositives ;
  • Créateur, organisation ou dossier.

Options d’affichage

  • Choisissez entre la vue grille/miniature ou la 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 » ?

question mark

Quelle fonctionnalité supplémentaire la version de bureau de Figma offre-t-elle par rapport à la version navigateur ?

Select the correct answer

question mark

En mode Présentation, que fait l’option « Afficher le cadre de l’appareil » ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.78

bookConfiguration du Projet dans Figma

Glissez pour afficher le menu

Renommer les projets

Double-cliquez sur le nom du projet en haut pour le renommer. Appuyez sur Entrée/Retour pour enregistrer les modifications.

Principaux composants de l’interface

  • Pages et calques : situés à gauche, ils servent à organiser le contenu ;

  • Panneau de conception : situé à droite, ce panneau contient les paramètres pour les workflows de conception, de prototypage et d’animation ;

  • Barre d’outils : Positionnée sous la zone de travail, cette section comprend des outils qui seront abordés dans le prochain chapitre.

Menu déroulant

Accessible via une icône en forme 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 : affiche le projet dans un navigateur ;
  • Ouvrir un fichier depuis le presse-papiers : collez et ouvrez des fichiers directement ;
  • Fermer/réouvrir des onglets : gérez les onglets et fenêtres Figma ;
  • Plugins et échelle de l’interface : ajustez l’échelle (ex. : 110 %) ou gérez les plugins ;
  • Préférences : accédez aux paramètres, guides d’aide, mises à jour et « À propos de Figma ».

Icône de réduction de l’interface

Permet d’afficher ou de masquer les panneaux gauche et droit.

Icône de recherche

Permet de trouver rapidement des ressources ou composants dans un projet.

Mode Présentation

  • Utilisez l’icône Présenter pour afficher les cadres dans des maquettes d’appareils (ex. : iPhone, MacBook) ;
  • Changez l’appareil ou activez/désactivez le cadre de la maquette ;
  • Passez en mode plein écran via un bouton en haut à droite.

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 (lecture/modification) et les options d’accès pour publier dans la communauté ou obtenir un code d’intégration.

Gestion des fichiers

Recherchez et filtrez les projets par :

  • Type de fichier : fichiers de conception, tableaux FigJam, diapositives ;
  • Créateur, organisation ou dossier.

Options d’affichage

  • Choisissez entre la vue grille/miniature ou la 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 » ?

question mark

Quelle fonctionnalité supplémentaire la version de bureau de Figma offre-t-elle par rapport à la version navigateur ?

Select the correct answer

question mark

En mode Présentation, que fait l’option « Afficher le cadre de l’appareil » ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 3
some-alt