Vous avez une question à poser ou une idée à partager ? Venez participer à la communauté Adobe XD. Nous serions ravis de vous compter parmi nous et de découvrir vos créations !
- Guide de l’utilisateur d’Adobe XD
- Introduction
- Nouveautés d’Adobe XD
- Questions fréquentes
- Design, création de prototypes et partage avec Adobe XD
- Gestion des couleurs
- Configuration requise
- Notions de base concernant l’espace de travail
- Changement de langue dans l’application Adobe XD
- Accès aux kits de conception d’interface utilisateur
- Accessibilité dans Adobe XD
- Raccourcis clavier
- Conseils et astuces
- Conception
- Plans de travail, repères et calques
- Formes, objets et chemins
- Sélection, redimensionnement et rotation d’objets
- Déplacement, alignement, répartition et disposition d’objets
- Regroupement, verrouillage, duplication, copie et retournement d’objets
- Application d’un contour, d’un fond ou d’une ombre portée à un objet
- Création d’éléments répétés
- Création de designs en perspective avec des transformations 3D
- Modification d’objets à l’aide d’opérations booléennes
- Texte et polices
- Composants et états
- Masquage et effets
- Mise en page
- Vidéos et animations Lottie
- Prototypage
- Création de prototypes interactifs
- Animation des prototypes
- Propriétés d’objet prises en charge pour l’animation automatique
- Création de prototypes avec clavier et manette de jeu
- Création de prototypes à l’aide de la lecture et des commandes vocales
- Création de transitions temporisées
- Ajouter des incrustations
- Conception de prototypes de voix
- Création de liens d’ancrage
- Création d’hyperliens
- Aperçu de designs et de prototypes
- Partage, exportation et révision
- Partage des plans de travail sélectionnés
- Partage de conceptions et de prototypes
- Définition des autorisations d’accès pour les liens
- Utilisation de prototypes
- Révision de prototypes
- Utilisation des spécifications techniques
- Partage de spécifications techniques
- Inspection de spécifications techniques
- Navigation dans les spécifications techniques
- Révision des spécifications techniques et commentaires
- Exportation de ressources de design
- Exportation et téléchargement de fichiers à partir de spécifications techniques
- Partage de groupe pour les entreprises
- Sauvegarde et transfert de ressources XD
- Chartes graphiques
- Chartes graphiques et bibliothèques Creative Cloud
- Utilisation de ressources de document dans Adobe XD
- Utilisation des bibliothèques Creative Cloud dans Adobe XD
- Migration de ressources liées vers les bibliothèques Creative Cloud
- Utilisation des jetons de conception
- Utilisation de ressources provenant de bibliothèques Creative Cloud
- Documents en ligne
- Intégrations et plug-ins
- Utilisation de ressources externes
- Utilisation de ressources de design provenant de Photoshop
- Copier-coller de ressources depuis Photoshop
- Importation ou ouverture de conceptions Photoshop
- Utilisation des fichiers Illustrator dans Adobe XD
- Ouverture et importation de conceptions Illustrator
- Copie de vecteurs d’Illustrator vers XD
- Plug-ins pour Adobe XD
- Création et gestion des plug-ins
- Intégration Jira pour XD
- Plug-in Slack pour XD
- Plug-in Zoom pour XD
- Publication de designs depuis XD vers Behance
- XD pour iOS et Android
- Résolution des problèmes
- Problèmes connus et résolus
- Installation et mises à jour
- Lancement et blocage
- XD se bloque au lancement sur Windows 10
- XD se ferme lorsque vous vous déconnectez de Creative Cloud
- Problème lié à l’état d’un abonnement sur Windows
- Avertissement d’application bloquée lors du lancement de XD sur Windows
- Génération du fichier de vidage sur Windows
- Collecte et partage de journaux d’incidents
- Documents en ligne et bibliothèques Creative Cloud
- Prototype, publication et révision
- Impossible d’enregistrer les interactions de prototypes sur macOS Catalina
- Problèmes liés aux workflows de publication
- Les liens publiés n’apparaissent pas dans les navigateurs
- Les prototypes ne s’affichent pas correctement dans les navigateurs
- Le panneau de commentaires s’affiche soudainement sur les liens partagés
- Impossible de publier des bibliothèques
- Importation, exportation et utilisation d’autres applications
Vous recherchez des informations sur l’utilisation des bibliothèques Creative Cloud pour créer et partager des chartes graphiques dans XD ? Vous êtes au bon endroit !
Les bibliothèques Creative Cloud aident votre équipe à gérer et à distribuer de manière centralisée les actifs de charte graphique et de branding à grande échelle.
Commencez par organiser votre feuille d’autocollants dans un document en ligne XD à partir d’un ensemble de composants et de styles qui constituent une charte graphique et une image de marque. Lorsque vous êtes prêt à partager ces actifs réutilisables avec votre équipe, publiez le document en ligne de votre feuille d’autocollants en tant que bibliothèque et invitez vos équipes, en définissant les autorisations appropriées.
Lorsque les membres de votre équipe acceptent les invitations à la bibliothèque, ils peuvent en réutiliser les actifs et profiter d’une synchronisation avec les futures mises à jour de la bibliothèque.
Pourquoi utiliser les bibliothèques Creative Cloud ?
Voici Natalia, propriétaire d’une bibliothèque de conception
« En tant que propriétaire d’une bibliothèque de conception, je veux pouvoir publier mes actifs et composants dans une bibliothèque et inviter d’autres personnes à utiliser la bibliothèque de charte graphique. »
Voici Pedro, client d’une bibliothèque de conception
« En tant que client d’une bibliothèque de conception, je veux pouvoir réutiliser facilement les actifs partagés dans la bibliothèque et être averti lorsque Natalia les modifie. »
Ça vous dit quelque chose ? Si vous souhaitez publier tous les actifs et composants dans une bibliothèque et inviter d’autres utilisateurs à se servir des systèmes de conception dans XD, ne cherchez plus !
Avant de commencer
Familiarisez-vous avec ces concepts dans XD :
Publier et partager des bibliothèques liées
Pour créer et distribuer une charte graphique via des bibliothèques, commencez par organiser les actifs de votre charte graphique (couleurs, styles de caractères et composants) dans le panneau Actifs du document de votre document en ligne source.
Une fois que vous avez défini les actifs de votre charte graphique, publiez-les en tant que bibliothèque liée à votre document source. Partagez-les avec votre équipe pour les réutiliser de manière cohérente dans tous vos projets XD et dans les autres applications Creative Cloud.
Pour publier une bibliothèque liée, procédez comme suit :
- Cliquez sur Bibliothèques dans la barre d’outils pour ouvrir le panneau Actifs du document.
- Cliquez sur l’icône Publier en tant que bibliothèque pour ouvrir le gestionnaire de bibliothèques.
- Dans le Gestionnaire de bibliothèques, cliquez sur Publier. Vous pouvez également cliquer sur Créer, puis sur Publier la bibliothèque liée.
La bibliothèque publiée contient tous les actifs du panneau Actifs du document correspondant à votre document source.
Vous pouvez ajouter des ressources à une bibliothèque liée uniquement à partir de son document source ; en revanche, vous pouvez réutiliser ces ressources dans n’importe quelle application Creative Cloud. Si vous cliquez sur Créer > Créer une bibliothèque vide, vous obtenez une bibliothèque Creative Cloud standard, non liée au document en ligne. Vous pouvez ajouter des ressources à une bibliothèque Creative Cloud standard depuis n’importe quelle application Creative Cloud.
Publication d’une bibliothèque d’équipe
Si vous faites partie d’une formule Creative Cloud abonnement Équipe ou Entreprise, en plus de publier une bibliothèque personnelle, vous pouvez également publier des bibliothèques d’équipe. Une bibliothèque d’équipe a plusieurs propriétaires.
Pour publier une bibliothèque d’équipe, procédez comme suit :
- Ouvrez le gestionnaire de bibliothèques.
- Cliquez sur Créer > Créer une bibliothèque vide ou Publier la bibliothèque liée.
- Sélectionnez l’espace d’équipe et publiez la bibliothèque d’équipe.
Pour en savoir plus sur les bibliothèques d’équipe et leurs avantages, reportez-vous à la section Bibliothèques Creative Cloud pour les entreprises.
Une fois la bibliothèque publiée, la boîte de dialogue Partage s’affiche pour vous aider à inviter les membres de votre équipe.
- Cliquez sur Partager et ajoutez les membres de l’équipe avec lesquels vous souhaitez partager la bibliothèque.
- L’activation de l’autorisation Droits de modification permet aux membres de votre équipe de publier de nouvelles mises à jour dans votre bibliothèque. L’activation de l’autorisation Droits de lecture permet aux membres de votre équipe d’utiliser le contenu de la bibliothèque, mais ne les autorise pas à la mettre à jour ni à la modifier.
Une fois que vous avez invité les membres de votre équipe, ils doivent accepter l’invitation par e-mail ou par le biais de leur application de bureau Creative Cloud.
Inviter les cocréateurs de documents dans des bibliothèques avec autorisations de modification
Les autorisations d’un document en ligne ne se synchronisent pas automatiquement avec sa bibliothèque liée. Par conséquent, lorsque vous publiez une bibliothèque, veillez à inviter tous les cocréateurs de documents à accéder à la bibliothèque les autorisations Droits de modification.
Que se passe-t-il si les cocréateurs de documents ne disposent pas des autorisations de modification sur la bibliothèque ?
Il ne peut y avoir qu’une seule bibliothèque liée par document en ligne. Par conséquent, si vous n’invitez pas un cocréateur de documents dans votre bibliothèque, il peut publier une nouvelle bibliothèque à partir du même document sans savoir qu’il existe déjà une bibliothèque. Lorsque le cocréateur publie une nouvelle bibliothèque, elle est liée au document et votre bibliothèque liée d’origine en est dissociée.
Si vous invitez un cocréateur à la bibliothèque avec l’autorisation Droits de lecture, le cocréateur ne pourra pas mettre à jour la bibliothèque. Ils verront un statut À jour dans la fenêtre Bibliothèques du document source.
Apprendre avec un exemple
- Natalia est la propriétaire d’un document XD, Brand_Systems, et invite Pedro en tant que cocréateur du document.
- Natalia crée une bibliothèque liée à partir du document. Elle est également automatiquement nommée Brand_Systems. Natalia oublie d’inviter Pedro à la bibliothèque.
- Pedro ajoute de nouveaux actifs au document et souhaite publier une bibliothèque sans savoir qu’il existe une bibliothèque liée.
- Pedro sélectionne le bouton Publier dans la fenêtre Bibliothèques du document et crée ainsi une bibliothèque liée, Brand_Systems(1). La création de Brand_Systems(1) dissocie la bibliothèque d’origine du document.
- Natalia constate que les liens vers les actifs de la bibliothèque à partir d’un autre document sont désormais rompus.
Votre bibliothèque d’origine a été dissociée du document source par un cocréateur ? Voir Rétablissement du lien entre une bibliothèque et son document source.
Bonnes pratiques
- Lorsque une publiez une nouvelle bibliothèque liée à partir de votre document en ligne, veillez à inviter tous les cocréateurs de documents à accéder à cette bibliothèque les autorisations Droits de modification. Si vous souhaitez seulement qu’ils exploitent les actifs de la bibliothèque, invitez-les avec l’autorisation Droits de lecture.
- Lorsque vous invitez de nouveaux cocréateurs dans le document, veillez à les inviter dans la bibliothèque liée et à accorder les autorisations requises.
À savoir
- Lorsque vous publiez une bibliothèque pour la première fois, selon sa taille, l’opération peut prendre quelques minutes. Pour suivre l’avancement de la publication, il vous suffit de regarder l’indicateur de progression dans le Gestionnaire de bibliothèques.
- Lorsque vous acceptez l’invitation à la bibliothèque pour la première fois, la synchronisation de la bibliothèque peut prendre quelques minutes. Cliquez sur l’icône Cloud dans votre application de bureau Creative Cloud pour vérifier le statut de synchronisation de la bibliothèque. Une fois la bibliothèque entièrement synchronisée, vous pouvez y accéder depuis Adobe XD et d’autres applications Creative Cloud.
Exploiter des bibliothèques
Si vous avez accepté l’invitation à la bibliothèque, vous pouvez commencer à utiliser les actifs qu’elle contient dans XD ainsi que dans d’autres applications Creative Cloud. Procédez comme suit pour vous réutiliser les actifs de la bibliothèque dans XD :
Recherche de votre bibliothèque partagée
Dans la vue du panneau Bibliothèques, recherchez votre bibliothèque partagée.
Vous pouvez choisir d’afficher certaines bibliothèques et d’en masquer d’autres.
Utilisation des actifs de la bibliothèque partagée
Cliquez sur la bibliothèque contenant les actifs que vous souhaitez utiliser.
Appliquer des couleurs ou des styles de caractères
Vous pouvez appliquer des couleurs ou des styles de caractères à des objets ou des composants de la zone de travail, puis faire glisser des composants sur celle-ci pour en faire des actifs liés.
Afficher les actifs liés dans votre document
Accédez au panneau Actifs du document qui montre tous les actifs locaux et liés utilisés à partir d’une ou de plusieurs bibliothèques.
La vue du panneau Bibliothèques vous offre la possibilité d’afficher certaines bibliothèques et d’en masquer d’autres :
- Ouvrez le gestionnaire de bibliothèques :
- Vue du panneau Actifs du document : cliquez sur Publier en tant que bibliothèque en haut du panneau.
- Vue du panneau Bibliothèques : cliquez sur + ou sur Gérer les bibliothèques.
- Utilisez les boutons pour afficher ou masquer les bibliothèques.
- Fermez le gestionnaire de bibliothèques.
Mettre à jour des bibliothèques publiées
Une fois que vous avez publié une bibliothèque à partir d’un document en ligne XD et modifié les actifs de votre document en ligne source, XD vous informe des modifications apportées depuis la dernière publication de la bibliothèque de différentes manières :
- Un message dans l’application dès lors que vous modifiez une bibliothèque publiée, afin de faciliter le processus de mise à jour de la bibliothèque.
- Une pastille bleue sur l’icône Publier en tant que bibliothèque à côté du panneau Actifs du document, qui indique qu’une mise à jour est prête à être publiée.
Lorsque vous êtes prêt à publier des mises à jour dans votre bibliothèque, utilisez l’une des options suivantes :
Mise à jour à partir du message intégré à l’application
Cliquez sur Mettre à jour maintenant dans le message intégré à l’application qui vous informe qu’une mise à jour est prête à être publiée.
Mise à jour depuis le Gestionnaire de bibliothèques
Dans la vue du panneau Actifs du document, cliquez sur l’icône Publier en tant que bibliothèque
pour ouvrir le gestionnaire de bibliothèques. Cliquez sur Mettre à jour pour envoyer les dernières mises à jour à votre équipe.Prévisualisation et acceptation des mises à jour de la bibliothèque
Que se passe-t-il lorsque vous mettez à jour et publiez des bibliothèques ? Les autres concepteurs qui utilisent ces actifs liés mis à jour dans leurs projets de conception reçoivent les notifications suivantes :
- Vue du panneau Actifs du document : une pastille bleue au niveau des actifs liés en attente de mise à jour, ainsi que le bouton Tout mettre à jour en bas du panneau.
- Vue du panneau Bibliothèque : une pastille bleue à côté du panneau Actifs du document, indiquant le nombre de mises à jour qui sont en attente dans votre document.
Prévisualiser les mises à jour à partir du panneau Actifs du document ou de la zone de travail de conception
Passez la souris sur l’icône de mise à jour bleue pour les couleurs, les styles de caractères et les composants liés.
Mettre à jour l’ensemble des couleurs, styles de caractères et composants liés du document
Cliquez sur l’icône bleue de mise à jour ou sur Mettre à jour au bas du panneau Actifs du document.
Le volume de vos bibliothèques augmente selon la quantité d’actifs de document dont vous disposez ; les fonctions de filtre et de recherche peuvent alors s’avérer très pratiques.
Dans la vue du panneau Actifs du document, saisissez un terme pour rechercher des actifs précis dans votre document. Dans la vue du panneau Bibliothèques, faites une recherche parmi les actifs de toutes vos bibliothèques actives.
XD propose trois systèmes de filtrage pour affiner les actifs que vous souhaitez utiliser dans votre projet :
- Type d’actif : filtrez en fonction des types d’actifs (couleurs, styles de caractères ou composants) que vous souhaitez voir. Les résultats du filtre englobent à la fois les actifs locaux et liés.
- Actifs locaux : si vous souhaitez utiliser uniquement les actifs de document locaux, sélectionnez le filtre d’actifs locaux.
- Source d’actifs liés : si vous avez lié des actifs provenant de plusieurs documents en ligne ou bibliothèques et que vous souhaitez utiliser des actifs d’une source spécifique, sélectionnez la bibliothèque désirée ou le document source lié dans le filtre.
Pour tester et modifier certains styles ou propriétés d’un actif lié sans affecter les autres personnes qui utilisent cet élément dans leurs documents, vous pouvez convertir un actif lié en actif local.
- Dans la vue du panneau Actifs du document , sélectionnez l’actif lié.
- Faites un clic droit sur l’actif et sélectionnez Rendre l’élément local.
À savoir
Si vous convertissez un actif lié en actif local, vous ne recevrez plus de notifications concernant les modifications apportées à cet actif local dans la bibliothèque. Les autres documents XD contenant cet actif lié continueront à recevoir les mises à jour.
L’option Rendre l’élément local fonctionne lorsque vous utilisez un actif d’une bibliothèque, que vous copiez/collez un composant lié dans plusieurs documents, ou que vous avez un actif lié rompu.
Pour en savoir plus sur la réassociation d’une bibliothèque dissociée à son document source, reportez-vous à la section Rétablissement du lien entre bibliothèque et document source.
Annuler la publication d’une bibliothèque
Si vous estimez que vous n’avez plus besoin d’une bibliothèque, vous pouvez annuler sa publication à partir du gestionnaire de bibliothèques. Procédez comme suit pour annuler la publication d’une bibliothèque :
- Ouvrez le gestionnaire de bibliothèques à partir du document source de la bibliothèque.
- Cliquez sur les trois points à côté de Publier et sélectionnez Annuler la publication.
Lorsque vous annulez la publication d’une bibliothèque, les liens avec les actifs qui en proviennent sont rompus, ce qui est signalé par une pastille rouge. Vous pouvez choisir de supprimer ces actifs rompus ou de les convertir en actifs locaux.
À savoir
- Si vous annulez la publication d’une bibliothèque et la republiez ultérieurement, les actifs dont les liens ont été rompus n’y seront pas réassociés.
Utiliser des actifs de bibliothèques créés dans d’autres applications Creative Cloud
Pour vous comme pour vos équipes, XD permet d’utiliser facilement des actifs créés dans d’autres applications Creative Cloud, comme Photoshop ou Illustrator. Que vous ayez créé une bibliothèque inspirante avec une collection de graphismes ou d’images Adobe Stock, ou une bibliothèque dotée d’une collection de couleurs et de styles de caractères réutilisables qui ne sont pas liés à un document source, vous pouvez réutiliser ces actifs dans Adobe XD.
Lorsque vous faites glisser des images des bibliothèques vers vos conceptions, elles deviennent des images liées, signalées par une pastille. Toute modification apportée à l’image liée dans Photoshop ou Illustrator mettra automatiquement à jour toutes les instances d’images liées dans votre création. Pour dissocier une image liée, cliquez sur la pastille de lien ou utilisez le menu contextuel.
Pour créer une bibliothèque similaire dans XD avec une collection de couleurs, de styles de caractères ou de graphismes qui ne sont pas liés à votre document, dans le Gestionnaire de bibliothèques, cliquez sur Créer > Créer une bibliothèque vide.
À savoir
- Vous ne pouvez ajouter des composants aux bibliothèques qu’en publiant votre document en tant que bibliothèque.
- Vous ne pouvez pas modifier les couleurs ou les styles de caractères dans vos bibliothèques.
- Lors de l’ajout de graphiques de transformation 3D à une bibliothèque, la transformation 3D est perdue.
Bonnes pratiques
- Pour assurer plus de contrôle sur la diffusion des mises à jour des actifs de la bibliothèque, permettre à votre équipe de prévisualiser et d’accepter ces mises à jour, et s’assurer que votre équipe est synchronisée avec les dernières modifications, nous vous recommandons de publier une bibliothèque liée à partir d’un document, comme expliqué dans cet article.
En savoir plus
Regardez cette vidéo pour en savoir plus sur l’utilisation des bibliothèques dans XD.
Durée de visionnage : 6 minutes.
Et après ?
Nous vous expliquons comment publier et partager des bibliothèques, faire un pas en avant et apprendre à partager les spécifications techniques avec vos développeurs afin qu’ils puissent inspecter vos créations.
Vous avez une question ou une suggestion ?
Adobe
Recevez de l’aide plus rapidement et plus facilement
Nouvel utilisateur ?