Navigation dans les spécifications techniques

Le partage des liens de développement a été enrichi par l’inclusion d’informations interactives sur les prototypes avec les spécifications techniques. Cliquez sur l’icône Voir les spécifications  dans le lien partagé pour basculer entre une vue des spécifications et une vue du prototype.  La nouvelle expérience offre les avantages suivants : 

• Les designers peuvent désormais communiquer plus efficacement l’objectif de leurs conceptions et fournir toutes les ressources nécessaires aux développeurs via un seul lien partagé.
• Les développeurs, quant à eux, pourront comprendre plus facilement les interactions et les comportements souhaités et gagner un temps précieux en évitant de passer constamment d’un lien vers des prototypes et spécifications techniques à l’autre. 
• Les développeurs peuvent facilement basculer entre les modes Grille et Flux pour afficher les spécifications techniques.

Pour obtenir une vue holistique de votre flux de conception avec toutes les informations de disposition du plan de travail, vous pouvez choisir de basculer entre les modes Grille et Flux. 

Efficace pour la navigation, le mode Grille est un format de grille simple des informations de mise en page du plan de travail, alors que le mode Flux préserve la mise en page et son architecture.

Pour passer au mode Grille, cliquez sur le nom du lien ou sur l’icône Grille  dans l’angle supérieur gauche. Pour basculer entre le mode Grille et le mode Flux, cliquez sur l’icône Flux dans l’angle supérieur droit de l’écran. 

N’hésitez pas à partager vos commentaires sur la nouvelle expérience avec la voix utilisateur Adobe XD.

Vue Spécifications

La vue Spécifications affiche les détails du plan de travail, les couleurs, les styles de caractères et les cibles utilisés. Vous pouvez utiliser la flèche réductible pour développer et réduire chaque section.

Dans le panneau Propriétés, vous pouvez visualiser les éléments suivants :

• Les détails du plan de travail, les couleurs uniques et les styles de caractères utilisés sur ce plan de travail, ainsi que le plan de travail cible auquel ils sont liés.
• Les fragments de code CSS pour vos conceptions que les développeurs peuvent copier-coller directement dans leur code.
• Les instances où les couleurs et les styles de caractère ont été utilisés lorsque vous les survolez avec le pointeur.
• Les codes de couleurs hexadécimales et les étiquettes personnalisées pour les couleurs utilisées dans le plan de travail.
• Détails des diverses interactions telles que les transitions, les propriétés des modes de fusion, les incrustations, la voix, les interactions et l’animation automatique. 
• Les commentaires liés au plan de travail. 

Au bas de l’écran, vous trouverez des touches fléchées et une icône d’accueil. La flèche vers la gauche renvoie au plan de travail précédent, la flèche vers la droite au plan de travail suivant, et l’icône Accueil au plan de travail d’accueil.

Pour connaître les raccourcis clavier spécifiques aux spécifications techniques, consultez la section Raccourcis clavier.