Parcourir les designs dans Dev Mode

L'activation de Dev Mode modifie l'interface d'un fichier Figma Design. Dans Dev Mode, la barre latérale gauche permet de naviguer facilement entre les designs et d'identifier les sections prêtes pour le développement.

• A

  Rechercher

  Utilisez le champ Search pour rechercher un composant spécifique. Figma recherche des objets dans le fichier actuel et dans toutes les bibliothèques auxquelles vous avez accès.

  1. Cliquez dans la barre latérale gauche ou utilisez le raccourci clavier suivant pour ouvrir la barre de recherche :
     • macOS :⌘ Commande F
     • Windows :Ctrl f
  2. Saisissez le texte ou le nom de calque que vous souhaitez trouver. Les résultats de la recherche apparaissent automatiquement au fur et à mesure que vous tapez.
     • Vous pouvez afficher les résultats pour la page actuelle ou pour toutes les pages.
     • Cliquez sur Paramètres afin d'ajouter des filtres de recherche en fonction des types de calque (texte, frame, forme, etc.).
     • Utilisez et pour parcourir vos résultats.
     • Dans le menu Paramètres, cliquez sur Autre pour rechercher un autre élément, tel que des noms de widget ou de tranche.
  3. Cliquez sur le résultat pour accéder au calque dans le plan de travail.
  4. Pour revenir au panneau de navigation, cliquez sur ou appuyez sur Échap.
• B

  Pages

  L'icône de Dev Mode indique les pages qui contiennent des sections marquées comme étant prêtes pour le développement. Les sections marquées comme étant prêtes s'affichent sous Ready for development dans le panneau de navigation Dev Mode.

• C

  Sections comportant la mention Ready for development

  L'icône de Dev Mode indique les pages qui contiennent des sections marquées comme étant prêtes pour le développement. Les sections marquées comme étant prêtes s'affichent sous Ready for development dans le panneau de navigation Dev Mode.

• D

  Calques

  L'icône de Dev Mode indique les pages qui contiennent des sections marquées comme étant prêtes pour le développement. Les sections marquées comme étant prêtes s'affichent sous Ready for development dans le panneau de navigation Dev Mode.

  En survolant les calques sur le plan de travail avec le curseur, vous pouvez obtenir plus d'informations sur leur mise en page, telles que la taille, le remplissage et l'espacement.

  Lorsqu'une frame de premier niveau est sélectionnée, vous pouvez utiliser les touches fléchées droite et gauche ou cliquer sur les flèches à l'écran pour passer d'une frame à l'autre sur la page.