Nouveautés d'Adobe XD.

Nous mettons régulièrement à jour XD. Revenez ici pour découvrir les dernières améliorations et nouveautés.

Adobe XD CC

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 (Beta)

Soyez rapidement opérationnel grâce aux conseils et aux améliorations en matière de mesures et propriétés. Design Specs (Beta) 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 ›

Adobe XD CC

Design Specs (version bêta)

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 ›

Adobe XD CC

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 terminaux. 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 terminaux 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 terminaux que vous ciblez. Effectuez des modifications sur le poste de travail, puis vérifiez-les sur vos terminaux 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.