Guide d'utilisation Annuler

Exportation et téléchargement de fichiers à partir de spécifications techniques

  1. Guide de l’utilisateur d’Adobe XD
  2. Introduction
    1. Nouveautés d’Adobe XD
    2. Questions fréquentes
    3. Design, création de prototypes et partage avec Adobe XD
    4. Gestion des couleurs
    5. Configuration requise
      1. Configuration matérielle et logicielle requise
      2. Adobe XD, Big Sur et Apple Silicon | macOS 11
    6. Notions de base concernant l’espace de travail
    7. Changement de langue dans l’application Adobe XD
    8. Accès aux kits de conception d’interface utilisateur
    9. Accessibilité dans Adobe XD
    10. Raccourcis clavier
    11. Conseils et astuces
  3. Conception
    1. Plans de travail, repères et calques
      1. Prise en main des plans de travail
      2. Utilisation des guides et des grilles
      3. Création de plans de travail défilants
      4. Utilisation de calques
      5. Création de groupes de défilement
    2. Formes, objets et chemins
      1. Sélection, redimensionnement et rotation d’objets
      2. Déplacement, alignement, répartition et disposition d’objets
      3. Regroupement, verrouillage, duplication, copie et retournement d’objets
      4. Application d’un contour, d’un fond ou d’une ombre portée à un objet
      5. Création d’éléments répétés
      6. Création de designs en perspective avec des transformations 3D
      7. Modification d’objets à l’aide d’opérations booléennes
    3. Texte et polices
      1. Utilisation d’outils de dessin et de texte
      2. Polices dans Adobe XD
    4. Composants et états
      1. Utilisation de composants
      2. Utilisation de composants imbriqués
      3. Ajout de plusieurs états aux composants
    5. Masquage et effets
      1. Création d’un masque avec des formes
      2. Utilisation des effets de flou
      3. Création et modification de dégradés
      4. Application des effets de fusion
    6. Mise en page
      1. Redimensionnement réactif et contraintes
      2. Définition d’un remplissage fixe pour des composants et des groupes
      3. Création de conceptions dynamiques avec des piles
    7. Vidéos et animations Lottie
      1. Utilisation de vidéos
      2. Création de prototypes avec des vidéos
      3. Utilisation d’animations Lottie
  4. Prototypage
    1. Création de prototypes interactifs
    2. Animation des prototypes
    3. Propriétés d’objet prises en charge pour l’animation automatique
    4. Création de prototypes avec clavier et manette de jeu
    5. Création de prototypes à l’aide de la lecture et des commandes vocales
    6. Création de transitions temporisées
    7. Ajouter des incrustations
    8. Conception de prototypes de voix
    9. Création de liens d’ancrage
    10. Création d’hyperliens
    11. Aperçu de designs et de prototypes
  5. Partage, exportation et révision
    1. Partage des plans de travail sélectionnés
    2. Partage de conceptions et de prototypes
    3. Définition des autorisations d’accès pour les liens
    4. Utilisation de prototypes
    5. Révision de prototypes
    6. Utilisation des spécifications techniques
    7. Partage de spécifications techniques
    8. Inspection de spécifications techniques
    9. Navigation dans les spécifications techniques
    10. Révision des spécifications techniques et commentaires
    11. Exportation de ressources de design
    12. Exportation et téléchargement de fichiers à partir de spécifications techniques
    13. Partage de groupe pour les entreprises
    14. Sauvegarde et transfert de ressources XD
  6. Chartes graphiques
    1. Chartes graphiques et bibliothèques Creative Cloud
    2. Utilisation de ressources de document dans Adobe XD
    3. Utilisation des bibliothèques Creative Cloud dans Adobe XD
    4. Migration de ressources liées vers les bibliothèques Creative Cloud
    5. Utilisation des jetons de conception 
    6. Utilisation de ressources provenant de bibliothèques Creative Cloud
  7. Documents en ligne
    1. Documents en ligne dans Adobe XD
    2. Collaboration et cocréation de conceptions
    3. Cocréation de documents partagés
  8. Intégrations et plug-ins
    1. Utilisation de ressources externes
    2. Utilisation de ressources de design provenant de Photoshop
    3. Copier-coller de ressources depuis Photoshop
    4. Importation ou ouverture de conceptions Photoshop
    5. Utilisation des fichiers Illustrator dans Adobe XD
    6. Ouverture et importation de conceptions Illustrator
    7. Copie de vecteurs d’Illustrator vers XD
    8. Plug-ins pour Adobe XD
    9. Création et gestion des plug-ins
    10. Intégration Jira pour XD
    11. Plug-in Slack pour XD
    12. Plug-in Zoom pour XD
    13. Publication de designs depuis XD vers Behance
  9. XD pour iOS et Android
    1. Aperçu sur appareils mobiles
    2. FAQ concernant Adobe XD pour mobile
  10. Résolution des problèmes
    1. Problèmes connus et résolus
      1. Problèmes connus
      2. Problèmes résolus
    2. Installation et mises à jour
      1. XD semble incompatible avec Windows
      2. Code d’erreur 191
      3. Code d’erreur 183
      4. Problèmes d’installation des modules externes XD
      5.  Invitation à désinstaller et réinstaller Adobe XD sur Windows 10
      6. Problèmes liés à la migration des préférences
    3. Lancement et blocage
      1.  XD se bloque au lancement sur Windows 10
      2.  XD se ferme lorsque vous vous déconnectez de Creative Cloud
      3. Problème lié à l’état d’un abonnement sur Windows
      4. Avertissement d’application bloquée lors du lancement de XD sur Windows
      5. Génération du fichier de vidage sur Windows
      6. Collecte et partage de journaux d’incidents
    4. Documents en ligne et bibliothèques Creative Cloud
      1. Problèmes liés aux documents en ligne XD
      2. Problèmes relatifs aux composants liés
      3. Problèmes relatifs aux bibliothèques et aux liens
    5. Prototype, publication et révision
      1. Impossible d’enregistrer les interactions de prototypes sur macOS Catalina
      2. Problèmes liés aux workflows de publication
      3. Les liens publiés n’apparaissent pas dans les navigateurs
      4. Les prototypes ne s’affichent pas correctement dans les navigateurs
      5. Le panneau de commentaires s’affiche soudainement sur les liens partagés
      6. Impossible de publier des bibliothèques
    6. Importation, exportation et utilisation d’autres applications
      1. Importation et exportation dans XD
      2. Fichiers Photoshop dans XD
      3. Fichiers Illustrator dans XD
      4. Exportation dans After Effects à partir de XD
      5. Fichiers Sketch dans XD
      6. ++Applications tierces non visibles lors de l’exportation

Découvrez comment exporter et télécharger des actifs à partir de spécifications techniques.

Exportation d’actifs à partir de spécifications techniques

Si vous sélectionnez des calques pour exportation et incluez des actifs lors de la publication de spécifications techniques, vous pouvez les télécharger à partir du lien de spécification technique publié. Les actifs vectoriels sont disponibles aux formats SVG, PNG, PDF et JPG, tandis que les actifs bitmap sont exportables aux formats PNG, PDF et JPG.

Sélection de calques pour exportation

Les calques sélectionnés pour exportation sont inclus en tant qu’actifs dans les spécifications techniques. Pour sélectionner des actifs à exporter, sélectionnez un calque sur la zone de travail et utilisez l’une des options suivantes : 

  • Cliquez sur un calque du plan de travail et cochez la case Marquer pour exportation dans le menu contextuel. 
  • Cliquez avec le bouton droit sur un calque de la zone de travail et sélectionnez Marquer pour exportation dans le menu contextuel. 
  • Utilisez le raccourci clavier  (macOS) ou  (Windows).
  • Ouvrez le panneau Calques et cliquez sur l’icône d’exportation  en regard du nom du calque. 

Pour exporter plusieurs actifs, sélectionnez plusieurs calques dans un plan de travail, puis cliquez sur Marquer pour exportation.

Option Marquer pour exportation

Publication de spécifications techniques avec des actifs

Lorsque vous incluez des actifs lors de la publication de spécifications techniques et partagez le lien publié avec les développeurs, vous leur fournissez un emplacement centralisé pour télécharger ces actifs.

  1. Sélectionnez des calques pour exportation dans XD.

    Sélection de calques pour exportation
    Marquer pour exportation

  2. Cliquez sur Partager pour passer en mode Partage. Sélectionnez Développement.

    partager-conceptions

  3. En mode Design, sélectionnez les fichiers que vous souhaitez exporter. Dans l’Inspecteur Propriétés, cochez la case Marquer pour exportation. Les actifs à exporter apparaissent en mode Partage.

  4. En mode Partage, cochez la case Actifs téléchargeables pour marquer vos actifs pour l’exportation, et cliquez sur Créer un lien.

    Adaptez en fonction de la plate-forme pour laquelle vous créez ce design : chaque plate-forme dispose d’un ensemble de paramètres de résolution distinct :

    • Web : les actifs sont exportés à des résolutions de 1x et 2x.
    • iOS : les éléments sont exportés en résolutions 1x, 2x et 3x.
    • Android : les actifs sont optimisés et exportés pour les densités d’écran Android suivantes :
      • ldpi - Faible densité (75 %)
      • mdpi - Densité moyenne (100 %)
      • hdpi - Haute densité (150 %)
      • xhdpi - Extra haute densité (200 %)
      • xxhdpi - Extra extra haute densité (300 %)
      • xxxhdpi - Extra extra extra haute densité (400 %)
  5. Pour ouvrir la spécification technique publiée dans le navigateur, cliquez sur l’icône Ouvrir dans le navigateur et sélectionnez un plan de travail pour afficher les actifs. Le navigateur affiche les actifs sélectionnés avec d’autres détails du plan de travail. 

    Lorsque vous passez le curseur de la souris sur les actifs, la sélection contextuelle met en surbrillance l’actif sélectionné en bleu.

Téléchargement d’actifs des spécifications techniques

Si vous êtes développeur, vous pouvez télécharger des actifs à partir des spécifications techniques publiées qui vous ont été communiquées. Vous pouvez télécharger en une seule fois tous les actifs téléchargeables d’un plan de travail dans la vue de détails d’écran. Vous pouvez également télécharger des actifs individuellement dans la vue de détails de calque.

Vue Détails de l’écran

Lorsque vous cliquez en dehors d’un plan de travail, vous arrivez dans la vue Détails de l’écran. 

Dans la vue Détails de l’écran, vous voyez tous les actifs téléchargeables classés par images, vidéos, animations et fichiers audio dans la section Actifs de l’Inspecteur Propriétés.

Vue Détails de l’écran
Vue « Détails de l’écran » d’un plan de travail avec des actifs sélectionnés pour le téléchargement

Pour télécharger des actifs, procédez comme suit dans la section Actifs :

1. Cliquez pour sélectionner les actifs que vous souhaitez télécharger ensemble :

  • Pour effectuer une sélection multiple, utilisez la touche Maj.
  • Pour sélectionner tous les actifs d’une catégorie, cliquez sur l’un d’entre eux, puis appuyez sur Cmd + A ou Ctrl + A.

La section Actifs sélectionnés apparaît et indique le nombre d’actifs sélectionnés, classés par images, vidéos et fichiers audio.

2. Cliquez sur Télécharger.

Les actifs sont téléchargés sous forme de fichiers .zip dans le dossier Téléchargements de votre ordinateur. Lorsque vous téléchargez des illustrations, vous pouvez changer le format des images vectorielles en SVG, PDF, PNG ou JPG, et le format des images bitmap en PNG, PDF ou JPG.

Informations à prendre en compte

  • Si vous survolez un actif vidéo ou audio dans la section Actifs, vous voyez son extension de fichier.
  • Sur un plan de travail, s’il existe plusieurs copies d’une vidéo, vous ne verrez qu’une seule instance de cette vidéo dans la section Actifs. Lorsque vous survolez une vidéo dans la section Actifs, toutes les instances de cette vidéo sont mises en évidence sur le plan de travail.
  • Sur un plan de travail, si plusieurs vidéos ont la même image de couverture, vous voyez chaque instance de cette image de couverture dans la section Actifs.
  • Lorsque vous téléchargez des actifs issus de différentes catégories ensemble, le dossier .zip téléchargé contient un sous-dossier pour chaque catégorie.
  • Vous ne pouvez télécharger des fichiers vidéo que dans le même format que celui que les designers ont importé dans leur document de design XD. Pour en savoir plus sur les formats vidéo pris en charge, consultez la section Utilisation de vidéos.
  • Pour chaque composant, seul le dernier état inspecté ou l’état actif est disponible au téléchargement dans la section Actifs de la vue de détails d’écran. Si vous souhaitez télécharger les actifs correspondant à tous les états, sélectionnez le calque du composant sur le plan de travail et passez à la vue de détails de calque.

Vue des détails de calque

Lorsque vous sélectionnez un calque sur un plan de travail, vous arrivez dans la vue de détails de calque. Dans celle-ci, vous ne pouvez télécharger que les actifs du calque sélectionné.

Vue des détails de calque
Le calque sélectionné contient une vidéo, son image d’affiche et un fichier audio lié, tous téléchargeables

Pour télécharger un actif du calque sélectionné, cliquez sur Télécharger en regard de l’actif en question dans la section Actifs de l’Inspecteur Propriétés.

Téléchargement d’une vidéo.

Lorsque vous sélectionnez un calque vidéo sur un plan de travail, différentes possibilités s’offrent à vous :

  • Vous pouvez télécharger la vidéo et l’image de l’affiche.
  • Si la vidéo est reliée à une lecture audio, vous pouvez également télécharger le fichier audio correspondant.

Téléchargement Lottie

Lorsque vous sélectionnez un calque Lottie sur un plan de travail, différentes possibilités s’offrent à vous :

  • Vous pouvez télécharger l’animation Lottie sous forme de fichier JSON.
  • Si l’animation Lottie est reliée à une lecture audio, vous pouvez télécharger le fichier audio correspondant.

Téléchargement des composants

Pour télécharger les actifs associés à un composant, sélectionnez ce dernier sur la zone de travail. Ensuite, dans l’Inspecteur Propriétés, passez sur chaque état pour télécharger l’actif correspondant.

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.

Expérience de téléchargement pour XD 44 et les versions ultérieures

Pour les liens publiés à partir de XD 44 et versions ultérieures :

Lorsque vous cliquez sur Télécharger, une fenêtre indiquant la progression de l’opération s’affiche. Une fois le téléchargement terminé, vous pouvez reprendre l’inspection des plans de travail ou la navigation d’un plan de travail à un autre.

Boîte de dialogue affichant la progression du téléchargement
Boîte de dialogue affichant la progression du téléchargement dans les liens publiés à partir de XD 44 et des versions ultérieures.

Si vous obtenez une erreur lors du téléchargement des actifs, demandez au designer de republier le lien et de le partager à nouveau.

Erreur lors du téléchargement d’actifs
Erreur lors du téléchargement d’actifs

 Adobe

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?