Adobe XD : Mise-à-jour de février

Meilleures performances de zoom, passage d’un mode colorimétrique à un autre, exportation par lots : le mois dernier, nous avons annoncé des améliorations répondant à vos demandes pour créer au rythme de vos pensées. Nous avons également facilité l’intégration avec des workflows tiers sur lesquels vous vous appuyez.

Parmi les nouveautés de la mise-à-jour de février figurent l’amélioration des workflows entre Adobe Illustrator et XD et la prise en charge des fonctionnalités tactiles sous Windows. Rejoignez des UX designers de renom pour découvrir les dernières innovations en action lors de nos Adobe Live du 13 au 15 février.

Amélioration des workflows entre Adobe Illustrator et XD

Adobe Creative Cloud vous permet de travailler efficacement et de manière fluide entre les différentes applications Creative Cloud. Vous créez souvent des icônes, illustrations et autres images vectorielles sur Illustrator, mais souhaitez les réutiliser dans d’autres applications telles que XD ? Il est maintenant possible de migrer vos contenus vectoriels d’Illustrator et Adobe Stock vers XD. Pour célébrer cette mise-à-jour, nous avons récemment dévoilé 3 kits d’icônes pour Adobe XD, spécialement créés par Anton & Irene, Büro Destruct et Lance Wyman. Découvrez-les et téléchargez-les gratuitement.

Vous pouvez désormais simplement glisser et déposer vos images vectorielles liées et non liées depuis les bibliothèques CC vers votre plan de travail XD. Une fois l’image déposée, vous verrez un aperçu flouté en cours de chargement, le temps que XD le convertisse complètement. Une fois la conversion terminée, vous verrez que l’illustration peut être totalement modifiable, redimensionnable et orientable.

Mettre à jour les illustrations vectorielles liées

La valeur ajoutée de l’utilisation des images vectorielles liées est de simplifier le workflow d’édition dans Illustrator, puis d’import dans XD. Avec les images liées, vous pouvez cliquer sur la vignette dans la Bibliothèque CC, et sélectionner Edition dans le menu contextuel. Illustrator s’ouvrira et vous permettra de l’éditer. Enfin, vos modifications se répercuteront automatiquement dans Adobe XD. Ainsi, vous gagnerez un temps considérable en travaillant simultanément sur Illustrator et XD.

Dissocier et modifier des images vectorielles

Si vous préférez, vous pouvez annuler le lien de votre image vectorielle pour éviter des modifications ultérieures dans Illustrator. Pour cela, il vous suffit de cliquer sur l’icône correspondante en haut à gauche de votre image ou bien d’utiliser l’option Dissocier du menu contextuel. Une fois dissociée, vous pourrez toujours modifier éditer le remplissage, le contour ou le tracé dans XD.

Position de défilement conservée

Avant cette mise-à-jour, si l’utilisateur cliquait sur un objet lié, le prototype l’envoyait en haut de l’écran suivant au lieu de maintenir la position de défilement sur l’écran précédent.

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. Vous accédez directement à la partie de l’écran sur laquelle vous souhaitez travailler.

Prise en charge du stylet et de la saisie tactile pour XD sous Windows 10

Parce que l’industrie du design évolue, les besoins des designers et les plateformes sur lesquelles ils travaillent évoluent aussi. Adobe XD permet aux designers de créer, tout en tirant parti des performances de leurs outils et équipements. Avec cette mise à jour, vous pouvez maintenant, en complément de la souris et du clavier, exprimer votre créativité du bout des doigts en utilisant le stylet et la saisie tactile sous Windows 10, maintenant pris en charge par Adobe XD.

Utilisez le mode tactile pour interagir avec les outils XD et créer une illustration sur la zone de dessin, passer d’un calque à l’autre, interagir avec les symboles, relier des prototypes, modifier les propriétés des formes dans l’inspecteur Propriétés, faire défiler la fenêtre d’aperçu, créer des grilles de répétition, glisser-déposer des images sur la zone de dessin et même sélectionner de nouvelles couleurs en utilisant l’outil Pipette.

Apporter des modifications où que vous soyez n’a jamais été aussi simple dans XD. Vous pouvez utiliser le stylet pour modifier les valeurs dans l’inspecteur Propriétés ou, encore mieux, appuyer et maintenir un champs numérique pour parcourir les valeurs.

Ce n’est que le début, et nous avons hâte de recevoir vos futurs feedbacks.

Amélioration des Design Specs (Bêta)

La fonctionnalité Design Specs (Bêta) améliore la communication entre designers et développeurs. Ces derniers peuvent ainsi examiner les flux, les mesures et les styles composant les designs. Nous avons amélioré l’affichage des grilles de mise en page, ce qui va permettre aux développeurs de visualiser et mieux comprendre la structure et le framework que vous avez choisis.

Si les grilles de mise en page ont été activées au sein d’une composition, le développeur peut les afficher dans Design Specs (Bêta). Cela ne concerne que les compositions où la fonction a été activée : le designer peut la désactiver à tout moment.

Outil Pipette disponible dans l’inspecteur Propriétés et le sélecteur de couleurs

Quand nous avons introduit le Sélecteur de couleurs dans XD, vous nous avez demandé d’y ajouter un outil Pipette. En décembre, nous avons déplacé cet outil de l’inspecteur Propriétés vers le Sélecteur de couleurs. Cependant et grâce à vos feedbacks, nous nous sommes rendus compte que la sélection d’une couleur demandait un nombre de clics trop élevé. En revanche, la sélection de couleurs pour les dégradés s’en est trouvée facilitée.

Nous avons donc compris que l’accès à l’outil Pipette dans l’inspecteur Propriétés et dans le sélecteur de couleurs était absolument essentiel pour gagner en rapidité. Avec cette mise à jour, nous réintroduisons l’outil Pipette dans l’inspecteur Propriétés.

Amélioration des commentaires

Nous cherchons constamment à améliorer nos fonctionnalités. Ce mois-ci, nous avons apporté des modifications aux commentaires dans les prototypes : vous pouvez désormais les épingler à des endroits spécifiques de vos réalisations.

Trois collections d’icônes créés par de célèbres designers

Nous avons dévoilé à Awwwards 2018 trois kits d’icônes à utiliser dans Adobe XD, créés par certains des designers les plus réputés du monde pour célébrer l’excellence de l’UX design et l’importance des icônes dans le storytelling. Passionné ou professionnel, lancez-vous dans Adobe XD en téléchargeant gratuitement les kits ici

Pour en savoir plus sur Lance Wyman, Anton & Irene et Büro Destruct, lisez notre blog post ici.

La communauté UX

Poursuivons notre conversation sur les réseaux sociaux : suivez @AdobeXD et contactez l’équipe en utilisant #AdobeXD sur Twitter. Retrouvez-nous sur Facebook, où nous partageons vidéos et nouveautés. Nous répondons aussi à vos questions durant les sessions live.

Vous pouvez aussi recevoir nos insights dans le domaine de l’UX, directement dans vos mails, en vous abonnant à notre newsletter Experience design !

Enfin, lorsque vous partagez vos prototypes via Behance, tagguez-le avec #MadeWithAdobeXD et sélectionnez Adobe XD dans les “Outils utilisés”. Votre projet sera peut-être sélectionné pour être partagé dans notre newsletter !

Téléchargez gratuitement 5 kits UI exclusifs pour Adobe XD, créés par 5 designers de renom pour vous aider à réaliser vos projets.