Vue Ready for Dev dans Dev Mode

Le processus de livraison aux développeurs ne se déroule pas instantanément. À l’inverse, les designs peuvent subir plusieurs cycles d’itération pendant que l’équipe continue d’affiner ses idées et d’appliquer des commentaires.

L'un des éléments clés du processus, qui peut se répéter fréquemment, est lorsque vous devez examiner des designs prêts pour le développement. Lorsque les designers de votre organisation travaillent sur des designs, ils marquent des sections, des frames et des composants des fichiers de design comme étant Ready for dev. Avant d'implémenter ces designs dans votre base de code, vous et vos développeurs devez les passer en revue.

Pour éviter toute confusion et prévenir la perte de détails importants, les développeurs peuvent accéder à une vue de Dev Mode qui affiche une liste de tous les designs d'un fichier donné qui portent le statut Dev. Par ailleurs, la vue Ready for Dev indique lorsqu'un design a récemment été mis à jour, pour vous permettre de savoir s'il a été modifié depuis son transfert initial.

Vue Prêt pour le développement

La vue Ready for Dev affiche tous les designs qui ont été marqués comme Prêts pour le développement à un emplacement unique, ce qui permet aux développeurs de trouver rapidement ce dont ils ont besoin sans avoir à parcourir le plan de travail ou plusieurs pages. Un compteur indique le nombre de designs qui ont été marqués comme Prêts pour le développement.

Pour accéder à la vue Prêt pour le développement :

1. Ouvrez un fichier Figma Design.
2. Cliquez sur Ready for dev (Prêt pour le développement) dans la barre latérale gauche.

Remarque : la vue Prêt pour le développement s'affiche uniquement dans les fichiers dans lesquels au moins un design présente le statut Prêt pour le développement.

La vue Prêt pour le développement s'ouvre, affichant la liste de tous les designs portant un statut Dev Mode. Cette vue vous permet d'effectuer les actions suivantes :

• Filtrer les designs : utilisez les options pour filtrer selon les catégories suivantes :

  • Tous
  • Prêts
  • Terminés

  Vous pouvez également filtrer sur :

  • Activité récente
  • Pages
  • Nom (A - Z)

• Centrer sur un design : dans la vue Prêt pour le développement, cliquez sur un design pour afficher une vue ciblée.

Statuts

Dans Dev Mode, un statut Dev indique l'état actuel des designs en termes de transfert. Les statuts peuvent inclure des notes des designers à propos du design et les modifications qui lui ont été apportées. Dev Mode propose différents statuts pour vous aider à gérer le transfert :

• Ready for dev : définissez des sections, des frames et des composants prêts à être examinés et implémentés par un développeur.
• Completed : indique que le travail de développement pour le design est terminé (forfaits Organisation et Entreprise uniquement).

Pour plus d'informations sur les statuts, consultez la section Statuts et notifications Dev Mode.

Dans la vue Prêt pour le développement, le statut s’affiche dans le coin supérieur droit de chaque design répertorié.

Vue Focus

La vue Focus de Dev Mode isole un design spécifique prêt pour le développement. Lorsque vous centrez la vue sur un design, vous pouvez inspecter les calques d'un design, visualiser un historique des versions et profiter de toutes les fonctionnalités habituelles de Dev Mode. En savoir plus sur la vue Focus →