Lecture vocale et autres commandes dédiées

Interagissez avec vos prototypes comme jamais auparavant. La lecture vocale, entre autres commandes dédiées, vous permet de transporter les utilisateurs au-delà de l’écran.

Modules externes

Étendez les fonctionnalités d’Adobe XD grâce à une collection de modules externes sans cesse enrichie par notre communauté de développeurs. Découvrez et gérez facilement ces modules depuis l’application pour automatiser certaines tâches, tirer parti de l’intégration avec d’autres outils, réaliser des designs à l’aide de données, etc.

Voir les modules externes ›

Intégrations applicatives

Adobe XD s’intègre désormais avec un plus grand nombre de vos applications de collaboration et de productivité préférées, notamment Slack, JIRA et Microsoft Teams.

Voir les intégrations applicatives ›

Animation automatique

Animez automatiquement des micro-interactions sur vos plans de travail. Lorsque vous dupliquez un élément et modifiez ses propriétés (taille, position, couleur, etc.), XD détecte les différences et génère automatiquement une animation.

Symboles liés

Il est plus facile de suivre les changements lorsque les symboles copiés-collés dans des prototypes demeurent liés aux documents d’origine. Désormais, lorsqu'un fichier source est modifié, vous recevez une notification et avez la possibilité d’accepter les changements.

Intégration aisée avec Adobe Illustrator

Manipulez vos designs et autres contenus Illustrator dans Adobe XD en ouvrant un fichier AI directement dans l’application. Ce dernier sera automatiquement converti au format XD, avec préservation des plans de travail, des calques et autres éléments modifiables.

Exportation vers Adobe After Effects

Exportez vos designs et donnez une nouvelle dimension à vos animations dans After Effects, le logiciel d’animation de référence.

Ajout de gestes tactiles dans les prototypes

Vous pouvez désormais inclure des gestes tactiles dans vos prototypes pour simuler l'expérience de l'utilisateur, comme le glisser-déposer de cartes ou d'écrans.

Écran d’accueil remanié

Accédez à des modules externes, des kits d'interface utilisateur, des intégrations applicatives, etc. — à partir du même écran.

Les nouveautés en détail

Découvrez l’édition d’octobre en détail sur le blog XD.
Consulter le blog ›

Redimensionnement réactif

Redimensionnez facilement des groupes d'objets sur vos plans de travail pour différents formats d'écran, tout en préservant l'échelle et le positionnement de vos éléments de design. Optimisé par la technologie d'intelligence artificielle et d'apprentissage automatique Adobe Sensei, XD calcule automatiquement ce positionnement en fonction de l’écart entre les éléments.

Transitions minutées

Définissez plus précisément le minutage des transitions entre les plans de travail. Concevez des animations en boucle avec des délais pour les effets de fondu automatique, les spinners, les loaders, les barres de progression, etc.

Vérification orthographique

Repérez facilement les fautes d'orthographe dans XD.

Affichage des prototypes en plein écran

Les prototypes web affichés dans le navigateur incluent désormais une option plein écran optimisée pour afficher votre design en taille réelle.

Extraction des ressources depuis les spécifications de design

Gagnez du temps en offrant aux développeurs la possibilité d'extraire et de télécharger des ressources à partir des spécifications de design. Marquez les calques comme ressources à exporter et envoyez-les sous forme de lien dans les spécifications de design. Les développeurs peuvent télécharger toutes les ressources dans le format de fichier dont ils ont besoin.

Réagencement dans le panneau Actifs

Classez vos couleurs, vos styles de caractère et vos symboles dans le panneau Actifs. En mode Liste, réagencez-les facilement par glisser-déposer.

Partage privé (version bêta) depuis le web

Échangez des prototypes et des spécifications de design XD avec les réviseurs ou toute autre partie prenante en toute sécurité en leur envoyant une invitation via votre navigateur web, comme vous le feriez depuis l'application XD pour poste de travail.

Découvrez les fonctionnalités inédites

Découvrez l'édition d'août en détail sur le blog XD.
Consulter le blog ›

Amélioration des contours

Appliquez des contours pointillés ou tiretés, et définissez l'aspect des angles et des extrémités. Et pour un niveau de maîtrise accru, vous pouvez copier des contours complexes d'Illustrator et les appliquer à des objets dans XD.

Attribution de libellés aux actifs

Désormais, vous pouvez attribuer des libellés aux couleurs, aux styles de caractère et aux symboles directement dans le panneau Actifs, pour un accès simplifié et une meilleure organisation.

Annotation des spécifications de design

Design Specs inclut désormais la même fonctionnalité de commentaire que les prototypes. Grâce à ce formidable outil, les développeurs peuvent annoter les spécifications de design, et vous en êtes notifié. Toutes vos mises à jour, modifications et réponses apparaissent automatiquement dans leur navigateur après rafraîchissement.

Découvrez les fonctionnalités inédites

Découvrez l'édition de juillet en détail sur le blog XD.
Consulter le blog ›

Prise en charge des incrustations

Économisez du temps et de l'énergie en créant des incrustations pour superposer le contenu dans les prototypes — plus besoin de dupliquer vos plans de travail pour les claviers, les menus et les boîtes de dialogue.

Définition de positions fixes

Fixez la position de vos éléments à l'écran pour qu'ils ne bougent pas lorsque l'utilisateur fait défiler la page. Cette nouvelle fonctionnalité de prototypage est particulièrement adaptée aux en-têtes, pieds de page, etc.

Invités privés (version bêta)

Partagez vos prototypes et spécifications de design avec des collaborateurs ou toute autre partie prenante invitée, et suivez leur statut pour savoir à tout moment qui consulte, modifie et annote vos documents.

Meilleure gestion du remplissage des images

Les designers peuvent désormais recadrer et repositionner les images glissées depuis le bureau pour remplir des formes.

Utilisation de calculs mathématiques

Utilisez les calculs mathématiques de l'inspecteur de propriétés pour définir précisément la taille des colonnes, les images, les dispositions de grille et l'emplacement des éléments.

Remplacement rapide de symboles

Recherchez et remplacez simultanément toutes les occurrences d'un symbole. Il suffit de faire glisser le nouveau symbole depuis le panneau Actifs vers le symbole à remplacer.

Collage simultané dans plusieurs plans de travail

Conservez la position et les paramètres de vos objets lorsque vous copiez-collez ces derniers dans plusieurs plans de travail à la fois. Avec les améliorations apportées aux symboles, cette nouveauté accélère et unifie la gestion des plans de travail multiples.

Intégration plus étroite avec Photoshop

Bénéficiez d'une restitution plus fidèle des fichiers Photoshop importés dans XD. Par ailleurs, les dernières mises à jour accélèrent l'importation des fichiers PSD et autorisent le transfert des effets de contour et d'images.

Améliorations concernant les fichiers Sketch

Nous avons optimisé l'ouverture des fichiers Sketch dans XD afin de mieux préserver leurs caractéristiques, comme le positionnement du texte, la séparation des pages et des symboles, et les styles de couleurs globaux.

Protection par mot de passe des spécifications de design

Contrôlez l'accès à vos spécifications de design en les protégeant par mot de passe.

Protection des prototypes par mot de passe

Protégez vos prototypes par mot de passe lorsque vous les publiez et les partagez avec des réviseurs (bientôt disponible dans Design Specs).

Filtres de recherche dans le panneau Actifs

Filtrez rapidement vos actifs par couleur, style de caractère ou symbole. Utilisez la fonction de recherche pour trouver des familles de polices, des valeurs hexadécimales ou des symboles particuliers.

Recherche et mise en évidence d'actifs

Sélectionnez « mettre en évidence » dans votre panneau Actifs pour voir tous les éléments de la zone de travail qui utilisent une couleur, un style de caractère ou un symbole particulier. Cliquez avec le bouton droit sur un élément de la zone de travail pour voir ses couleurs, ses styles de caractère ou ses symboles.

Intégration plus étroite avec Photoshop

Désormais, l'importation de créations Photoshop dans XD est encore plus simple : cliquez avec le bouton droit sur le fichier Photoshop et choisissez Ouvrir avec XD, ou faites glisser un fichier sur l'icône XD (Mac uniquement).

Amélioration du workflow avec Sketch

La restitution des fichiers Sketch ouverts dans XD est désormais plus fidèle. Préservez notamment les réglages colorimétriques des images, des styles de caractère, des nuanciers des documents et bien plus encore. Ouvrez vos fichiers Sketch dans XD en cliquant sur le fichier avec le bouton droit et en sélectionnant Ouvrir avec XD, ou bien en faisant glisser le fichier Sketch sur l'icône XD (Mac uniquement).

Intégration aisée avec Photoshop

Manipulez vos créations et contenus Photoshop dans XD en ouvrant un fichier PSD directement dans l'application. Ce dernier sera automatiquement converti au format XD, ce qui accélérera et simplifiera le processus de design et de prototypage.
En savoir plus ›

Copier-coller de symboles entre plusieurs documents

Copiez-collez les symboles d'un document XD dans un autre en une seule étape. Nul besoin de les coller au préalable, puis de les convertir manuellement en symbole.

Mise en forme des éléments groupés

Accélérez votre processus de design en modifiant aisément les propriétés (fond, contour, etc.) des éléments groupés.

Amélioration des plans de travail avec défilement

Lors du prototypage, vous pouvez modifier l'aire d'affichage d'un plan de travail avec défilement directement sur la zone de travail sans passer par l'inspecteur de propriétés.

Manipulation de fichiers Sketch

Utilisez vos créations et contenus Sketch directement dans XD. Ouvrez votre fichier Sketch directement dans XD ; il sera automatiquement converti au format XD, ce qui vous évitera de partir de zéro.
En savoir plus ›

Images vectorielles et Bibliothèques CC

Affichez et faites glisser des images vectorielles liées et non liées depuis les Bibliothèques Creative Cloud vers XD. Les modifications apportées aux icônes, illustrations et autres images dans Adobe Illustrator sont automatiquement synchronisées dans XD via les Bibliothèques CC.
En savoir plus ›

Préservation de la position du curseur

Désormais, lorsque vous cliquez sur un élément lié, vous n'avez plus besoin de faire défiler l'écran suivant pour retrouver votre position, elle est automatiquement préservée d'un écran à l'autre.

Prise en charge de la technologie tactile sous Windows 10

Tirez parti de fonctionnalités tactiles, en plus de la souris et du clavier, pour créer des illustrations, relier des prototypes, parcourir des calques, etc.

Grilles de mise en page dans Design Specs

Affichez les grilles de mise en page dans l'application web Design Specs pour permettre aux développeurs de voir les attributs de grille à colonnes comme les marges et les gouttières.

Retour de la pipette dans l'inspecteur des propriétés

En réponses à vos commentaires, nous avons réintégré la pipette dans l'inspecteur des propriétés afin de faciliter l'échantillonnage des couleurs.

Intégration de workflows tiers

XD s’intègre désormais avec les outils de design courants tels que Zeplin, Avocode, Sympli, ProtoPie et Kite Compositor. Commencez vos projets dans XD, puis exportez-les dans votre outil préféré pour accélérer les échanges avec les développeurs et créer des animations sophistiquées. Disponible pour Mac uniquement.
En savoir plus ›

Performances de zoom optimisées

Effectuez un zoom avant ou arrière sur votre zone de travail et passez d’un écran à l’autre sans ralentissement, quel que soit le nombre de plans de travail.
Démonstration ›

Prévisualisation de fichiers XD dans Dropbox

Prévisualisez des fichiers XD enregistrés dans Dropbox sans avoir à les télécharger.
En savoir plus ›

Passage d’un modèle colorimétrique à l’autre

Passez rapidement d’un modèle colorimétrique à l’autre (HEX, RVB et TSL) dans le Sélecteur de couleurs.

Dégradés radiaux

Créez et appliquez des dégradés radiaux pour simuler une source de lumière, créer des masques d’images originaux, etc. Les dégradés se trouvent dans le Sélecteur de couleurs, sous Fond uni.

Perfectionnement de Design Specs

La lecture des mesures, la navigation et l’accès aux éléments d’interface ont été simplifiés, de même que la manipulation des calques de masque.

Affichage des plans de travail à 100 %

Affichez vos designs dans des prototypes partagés en taille réelle lorsque vous êtes en mode plein écran.

Exportation par lots

Vous avez désormais accès à une fonction d’exportation par lots via le menu Fichier. Pour marquer les objets à exporter par lots, effectuez un clic droit dans le panneau Calques.
Consulter notre blog ›

Texte souligné

Vous pouvez désormais souligner votre texte rapidement à l'aide d'un raccourci clavier ou d'un bouton dans l'inspecteur des propriétés. Le soulignement respecte le jambage inférieur des caractères, comme le y et le g.

Options d'alignement de contour

Alternez entre les différents types d'alignement de contour (intérieur, extérieur ou centre) sur un objet fermé comme un rectangle ou un cercle pour modifier l'épaisseur et l'alignement, et contrôler ainsi l'apparence de votre design.

Achat de licences Adobe

Cliquez avec le bouton droit sur une image pixellisée d'Adobe Stock dans la fenêtre Bibliothèques Creative Cloud pour acheter sa licence.

Retouche d'images dans Photoshop

Cliquez avec le bouton droit sur une image pixellisée dans la fenêtre Bibliothèques Creative Cloud pour la retoucher dans Photoshop.

Nouvelles options de publication de prototype

Activez et désactivez rapidement les info-bulles pour voir quelles zones de votre prototype sont interactives, puis publiez-le pour le partager avec votre équipe. Paramétrez son affichage en mode plein écran afin de le visualiser sans les commentaires ou tout autre élément pouvant perturber la lecture.

Optimisations de Design Specs

Soyez rapidement opérationnel grâce aux conseils d’utilisation et aux améliorations apportées aux propriétés et à la navigation. Design Specs est désormais également disponible en anglais, français, allemand, coréen et japonais.

Et bien plus encore !

Également inclus : accès à l'outil Zoom en mode Prototype, raccourcis clavier pour la taille de police, etc.
Consulter notre blog ›

Spécifications de design

Accélérez le processus de développement en envoyant aux développeurs un lien comportant des spécifications de design générées automatiquement, à partir de votre prototype interactif. Ces spécifications précisent l’ordre et le flux des plans de travail, les couleurs, les styles de caractères et les mesures (uniquement en anglais pour l’instant).
Démonstration ›

Grille de mise en page

Utilisez des grilles à colonnes personnalisables, avec marges et gouttières, pour structurer vos projets et préserver leur cohérence, mais aussi pour mieux gérer les proportions entre les différents éléments. Alternez entre la grille de quadrillage et celle de mise en page dans l’inspecteur des propriétés.

Exportation au format JPG

Exportez aisément des ressources et plans de travail depuis XD au format JPG, sans conversion préalable dans une autre application. Le niveau de qualité de l'exportation est paramétrable de 1 à 100 %.

Améliorations du texte

Passez, d’un simple clic, de l’insertion de texte à partir d’un point à la création d’une zone de texte, et inversement. Désormais, lorsque vous créez un objet de texte, les dernières propriétés utilisées (famille de polices, taille, graisse, alignement et couleurs) sont conservées.

Perfectionnements pour Windows 10

Les toutes dernières actualisations pour Windows 10 accélèrent le design sous Windows. Avec deux doigts, vous effectuez des panoramiques et des zooms, copiez-collez des éléments InDesign dans XD, et importez des fichiers SVG avec des fichiers liés externes.

Et bien plus encore !

Autres perfectionnements : l’accès à la pipette à partir du sélecteur de couleurs pour définir précisément les couleurs de début et de fin lors de la création d’un dégradé et pour échantillonner les couleurs dans le panneau Actifs ; perfectionnements en matière de collage.
Consulter notre blog ›

Prototypes interactifs

Passez du mode Design au mode Prototype d'un simple clic et connectez des plans de travail pour communiquer le flux et les tracés des applications multi-écrans. Connectez des éléments de design d'un plan de travail à l'autre, y compris les cellules des grilles de répétition. Ajoutez des interactions avec des commandes visuelles intuitives pour tester et valider l'expérience.

Publication de prototypes pour recueillir des commentaires

Créez des liens web à partager pour recueillir des commentaires sur vos designs ou intégrez-les sur Behance ou une page web. Les réviseurs peuvent formuler des commentaires directement sur vos prototypes et certaines parties de votre design. Vous recevez une notification lorsqu'ils effectuent des commentaires, puis il leur suffit d'actualiser leur navigateur pour voir vos modifications.

Plans de travail rapides et polyvalents

Que vous travailliez avec un seul ou une centaine de plans de travail, XD vous offre les mêmes performances. Créez du contenu pour différents écrans et appareils. Effectuez des panoramiques et des zooms sans décalage. Faites votre choix parmi les tailles prédéfinies ou définissez la vôtre et effectuez des copies entre les plans de travail sans perdre le positionnement de vos éléments de design.

Grille de répétition

Sélectionnez des éléments de votre design, tels qu'une liste de contacts ou une galerie de photos, et répliquez-les horizontalement ou verticalement autant de fois que vous le souhaitez — vos styles et votre espacement restent intacts. Mettez à jour un élément une seule fois pour que vos modifications soient répercutées partout.

Compatibilité multiplate-forme

Adobe XD prend en charge en mode natif Windows 10 (Universal Windows Platform) et Mac, ainsi que des applications mobiles compagnons pour Android et iOS.

Panneau Actifs

Réutilisez facilement vos couleurs et styles de caractère en les ajoutant dans le panneau Actifs (anciennement Symboles) — qui attribue automatiquement des symboles. Lorsque vous modifiez les couleurs ou les styles de caractère dans ce panneau, les modifications sont répercutées dans l'ensemble du document.

Symboles réinventés

Gagnez du temps avec les symboles, des éléments de design réutilisables qui évitent d'avoir à rechercher et modifier chaque instance d'une ressource dans un document. Mettez à jour un élément et il se met à jour partout, ou choisissez d'ignorer certaines instances. Les symboles peuvent être des images vectorielles, des images pixellisées ou des objets textuels, et peuvent être utilisés comme des objets dans les grilles de répétition.

Bibliothèques Creative Cloud

Grâce à l'intégration des Bibliothèques Creative Cloud, vous avez accès aux images pixellisées, couleurs et styles de caractère créés dans les applications Creative Cloud comme Photoshop CC et Illustrator CC, directement depuis XD, et vous pouvez les appliquer n'importe où dans vos documents.

Inspecteur de propriétés contextuel

Travaillez dans un espace aéré grâce à l'inspecteur des propriétés contextuel, qui affiche uniquement des options pour les objets sélectionnés. Modifiez les propriétés telles que la couleur et l'épaisseur des bordures, les couleurs de fond, les ombres, les flous, l'opacité et la rotation, et accédez à des options pour l'alignement, les dimensions et la grille de répétition.

Navigation intelligente sur la zone de travail

Effectuez un zoom avant sur une zone donnée de votre design ou une sélection sur un plan de travail et utilisez un raccourci clavier pour l'agrandir. Effectuez des panoramiques ou des zooms avec la souris, le pavé tactile ou les raccourcis clavier. Et bénéficiez d'excellentes performances, même si vous avez des centaines de plans de travail.

Calques contextuels

Gérez des designs complexes tout en restant organisé et concentré grâce à une approche contextuelle des calques. XD surligne uniquement les calques associés au plan de travail sur lequel vous travaillez pour que vous puissiez rapidement trouver ce dont vous avez besoin.

Outils d'aide à la mise en page

Dessinez, réutilisez et ré-associez aisément des éléments de design en utilisant le magnétisme des grilles et d'autres outils de mise en page intuitifs qui vous aident à créer des mesures relatives entre les objets, masquer avec des formes, grouper, verrouiller, aligner et répartir des éléments de design, etc.

Effets de flou

Floutez rapidement un objet donné ou un arrière-plan complet pour changer le point focal de votre design et lui donner de la profondeur et de l'envergure.

Dégradés linéaires polyvalents

Créez de beaux dégradés linéaires à l'aide des commandes visuelles simples mais précises du sélecteur de couleurs. Vous pouvez également importer des dégradés de Photoshop CC et d'Illustrator CC.

Outil Plume moderne

Dessinez facilement des formes et des tracés avec l'outil Plume. Utilisez des tracés personnalisés, ajoutez ou supprimez des points d'ancrage, manipulez facilement les lignes et alternez tracés incurvés et angulaires, le tout avec le même outil.

Modification de groupes booléens

Créez et testez des formes complexes en combinant des groupes d'objets à l'aide d'opérateurs booléens non destructifs.

Mise en forme typographique

Mettez en forme le texte avec précision pour améliorer l'expérience utilisateur. Ajustez facilement les éléments typographiques tels que la police, la typographie, la taille, l'alignement, l'interlettrage et l'interlignage. Changez l'aspect de votre texte comme vous le feriez avec d'autres éléments dans XD, comme l'opacité, le fond, l'arrière-plan et les effets de flou, ainsi que les bordures.

Contrôle des couleurs simplifié

Sélectionnez des couleurs en saisissant leurs valeurs exactes ou en les échantillonnant dans ou en dehors de XD avec l'outil Pipette. Créez et enregistrez des nuanciers et utilisez des raccourcis pour les codes hexadécimaux dans le sélecteur de couleurs.

Ressources d'interface utilisateur

Accélérez le design et le prototypage pour les appareils Apple iOS, Google Material Design et Microsoft Windows en utilisant des composants d'interface utilisateur de grande qualité.

Copier-coller depuis d'autres applications de design

Importez des illustrations dans XD à partir de Photoshop CC et d’llustrator CC.

Prévisualisations iOS et Android en contexte

Prévisualisez vos designs et interactions sur les appareils que vous ciblez. Effectuez des modifications sur le poste de travail, puis vérifiez-les sur vos appareils pour tester la précision et l’ergonomie.

Repérage des zones sensibles

Mettez automatiquement en évidence les zones sensibles de votre prototype pour que les utilisateurs puissent repérer les zones interactives et cliquables.

Gestion de prototypes

Créez plusieurs URL à partir d'un même fichier pour partager différentes versions de votre prototype. Partagez un nombre illimité de prototypes, puis accédez-y et supprimez-les facilement depuis votre compte Creative Cloud.

Enregistrement vidéo des interactions avec le prototype

Tandis que vous cliquez dans votre prévisualisation, enregistrez un fichier MP4 à partager avec votre équipe ou des parties prenantes (Mac uniquement).

Exportation d'illustrations, de ressources et de plans de travail

Exportez des images et des designs aux formats PNG et SVG, que vous pouvez configurer pour iOS, Android, le web ou avec vos paramètres personnalisés. Exportez un plan de travail complet ou juste certains éléments. Enfin, partagez ressources et plans de travail en les exportant au sein d'un même fichier PDF ou dans des fichiers PDF séparés.

Prise en charge de plusieurs langues

Les langues prises en charge incluent l'anglais, le français, l'allemand, le japonais et le coréen.

Notifications par e-mail pour les commentaires

Recevez des notifications par e-mail lorsque les différents intervenants commentent vos prototypes web. Ces e-mails peuvent être adressés individuellement ou par lots sous forme de synthèse quotidienne.