Si vous avez une question à poser ou une idée à partager, rejoignez la communauté Adobe XD. Nous serions ravis de vous compter parmi nous et de découvrir vos créations.
Découvrez comment consulter et inspecter des attributs tels que les couleurs, le texte, les mesures, les états des composants ou encore les mises en évidence d’interactions, dans une spécification technique.
Un lien de spécification technique partagée permet de voir et de tester le prototype, d’ajouter des commentaires en contexte et de choisir d’afficher les mesures et données techniques du design.
Un lien de spécification technique s’ouvre par défaut en mode prototype. Pour connaître les propriétés et les spécifications du fichier, ouvrez l’onglet des spécifications techniques en cliquant sur l’icône dans le rail de droite.
Lorsque vous passez dans l’onglet des spécifications techniques, vous pouvez sélectionner des éléments et les inspecter sur la zone de travail pour connaître leurs attributs, tels que les couleurs, le texte, les mesures, les états et d’autres propriétés affichées dans l’Inspecteur Propriétés.
Cliquez sur l’icône {} pour passer à l’onglet des variables. Cet onglet est disponible lorsque le designer publie un lien de spécification technique pour le web. Lorsque le designer définit des noms de variable pour des couleurs et des styles de caractères dans un design, vous pouvez consulter les informations du jeton de conception dans l’onglet des variables.
Lisez ce qui suit pour savoir comment afficher et faire correspondre les attributs dans une spécification technique.
A. Détails de l’écran : sélectionnez un objet pour inspecter ses mesures et l’espacement défini.
B. Couleurs : consultez les couleurs marquées pour exportation.
C. Propriétés de la grille de mise en page : activez cette option pour afficher les grilles.
Pour contrôler la transparence des couleurs, utilisez le curseur Opacité.
A. Propriétés du texte : sélectionnez une ligne de texte pour consulter ses propriétés avec les unités par défaut telles que px, pt ou dp.
B. Aspect : découvrez les couleurs utilisées dans un objet ou un texte dans la section Aspect.
Si vous marquez un calque pour exportation dans l’application XD, les couleurs utilisées dans ce calque n’apparaîtront pas dans la vue de détails de l’écran.
Sélectionnez une forme pour inspecter ses attributs suivants :
Sélectionnez une image pour inspecter ses attributs suivants :
Sélectionnez une vidéo pour inspecter ses attributs suivants :
Passez la souris sur une zone précise et cliquez dessus avec le bouton droit de la souris pour afficher la liste des calques et leurs détails contextuels au niveau des pixels concernés.
Passez la souris sur une portion de texte pour mettre en évidence d’autres portions similaires dans l’élément de texte.
Cliquez sur Mise en évidence des interactions pour afficher les détails d’un plan de travail, les styles, le design, la taille de la fenêtre d’affichage, la position des superpositions, les couleurs, les styles de caractères et les informations cible de la superposition concernée.
Pour mettre en évidence les interactions, maintenez la touche Maj enfoncée. Pour les inspecter, cliquez sur l’artefact affiché dans la section Interactions ou cliquez sur plusieurs interactions en maintenant la touche Maj enfoncée.
Pour en savoir plus sur les hyperliens dans XD, reportez-vous à la section Création d’hyperliens.
Vous pouvez télécharger tous les états d’un composant téléchargeable. Dans l’application XD, si le designer marque plusieurs instances d’un composant pour exportation, seule la dernière instance du panneau Calques est exportée.
Pour en savoir plus sur l’inspection des spécifications technique dans XD, regardez cette vidéo.
Temps de visionnage : 8 minutes
Nous vous avons expliqué comment consulter et inspecter une spécification technique. Allez plus loin et découvrez comment examiner une spécification technique et extraire les actifs de la spécification technique.
Si vous avez une question à poser ou une idée à partager, rejoignez la communauté Adobe XD. Nous serions ravis de vous compter parmi nous et de découvrir vos créations.
Accéder à votre compte