Adobe XD : transformation 3D, design system amélioré et extension Visual Studio Code

Adobe XD encourage ses utilisateurs à opter pour un design system et veut faciliter les échanges entre les designers et les développeurs.

La mise à jour Adobe XD apporte de nombreuses nouveautés. © Adobe

Sommaire

Effectuez des transformations 3D sur les objets

Première nouveauté présentée par Adobe : l’application de transformations 3D sur les objets sur XD. Vous pouvez faire pivoter des éléments, vers l’avant, vers l’arrière et d’un plan à l’autre pour apporter de la profondeur à vos interfaces et vos interactions. Vous pouvez ajouter des effets de transformation 3D aux formes, textes et groupes. La transformation 3D d’Adobe XD fonctionne également sur d’autres fonctionnalités comme les groupes défilants (scroll groups).

Adobe XD améliore la fonctionnalité Design System

Adobe veut faciliter la vie des designers avec l’amélioration des design systems. Vous pouvez désormais utiliser les bibliothèques Creative Cloud pour créer et partager vos design systems et partager vos composants. Une fois vos assets rassemblés, vous n’avez qu’à cliquer sur l’icône Publier pour créer une bibliothèque sur Creative Cloud. Vous pouvez ajuster les permissions des membres de votre équipe (édition autorisée ou lecture seule). L’avantage des bibliothèques Creative Cloud est qu’elles sont accessibles depuis l’ensemble des outils de la suite Adobe : vous pouvez ainsi retrouver vos composants sur Photoshop, Illustrator, InDesign.

Créez vos composants et partagez votre Design System avec les membres de votre équipe © Adobe

Une extension d’Adobe XD pour Visual Studio Code

Dans ce même esprit de collaboration entre les différents membres d’une équipe produit, Adobe annonce le lancement d’une extension XD pour Visual Studio Code. Les développeurs pourront ainsi récupérer les composants conçus par les designers sans quitter leur environnement de développement (IDE).

L’extension d’Adobe XD pour Visual Studio Code © Adobe

Les autres nouveautés de la mise à jour Adobe XD

Parmi les autres nouveautés Adobe XD annoncées lors de MAX 2020, nous retiendrons :

La fonction de Coediting passe en version stable et est disponible pour tous. Elle permet d’inviter un confrère à concevoir sur un même document en temps réel.
De nouveaux plugins et des intégrations pour faciliter les ponts entre Adobe XD et les autres outils : Wrike, Zoom, Teams et bientôt Confluence.
La fonction Auto Height Text pour ajuster automatiquement la hauteur du texte.
Des composants plus flexibles avec la fonction Nested Components.
L’intégration des états de composants sur les specs transmises aux développeurs.