Adobe XD, un concurrent sérieux à Sketch

Stéphane Moussie |

Le projet Comet lancé par Adobe fin 2015 a désormais un nom officiel : XD. Adobe XD, pour « Experience Design » — et non pour le smiley mort de rire —, est disponible aujourd'hui en preview publique sur Mac. Il suffit de se connecter avec un compte Adobe pour récupérer le logiciel et le tester gratuitement.

Malgré ce nom amusant, Adobe XD ne va pas faire rire Bohemian Coding, l'éditeur de Sketch. Il vient en effet le concurrencer frontalement sur le marché de la création d'interfaces logicielles. Un marché sur lequel Adobe était déjà présent, mais pas de la meilleure des manières. XD rassemble des outils éparpillés dans plusieurs applications (Photoshop, Illustrator...) et optimise ainsi le flux de travail des designers d'applications et de sites web.

Cliquer pour agrandir

Très loin de la complexité d'un Photoshop, Adobe XD contient deux modes. C'est dans le premier, Design, que l'on crée l'interface avec les outils vectoriels à disposition. Les principaux sont présents : formes, lignes, textes et courbes de Bézier.

Une fonction mise en avant par l'éditeur est Repeat Grid ; elle permet de créer une grille ou une liste rien qu'en glissant une tirette à partir du premier élément. L'espacement entre tous les éléments de la grille est automatiquement ajusté. De plus, si on effectue un changement de style sur un des éléments (par exemple la couleur de la police du texte), celui-ci sera répercuté sur tous les autres éléments.

Fonction Repeat Grid

Les différents éléments de la composition peuvent être verrouillés pour empêcher leur modification et on peut les importer depuis Photoshop, Illustrator ou tout simplement le Finder.

Le deuxième mode est consacré au prototypage. On lie les artboards (les cadres fixes à l'intérieur du canevas infini) entre eux et définit ainsi la structure de l'application.

Mode Prototype - Cliquer pour agrandir

Pour montrer son travail à un client ou un développeur, le designer a deux possibilités. Soit il enregistre une vidéo de son utilisation avec la fonction dédiée, soit il met en ligne sa création sur le web. La personne qui a connaissance de l'URL (xd.adobe.com/quelquechose) peut alors tester la création dans son navigateur. Pour l'instant, c'est le seul moyen de tester le prototype, y compris pour le designer. Il n'y a pas d'application mobile dédiée, comme Silver pour Sketch, mais ça va venir.

Les artboards et les assets sont exportables en PNG et SVG. Des profils d'exportation pour le web, iOS et Android sont disponibles.

Est-ce qu'Adobe XD peut détrôner Sketch ? Dans l'immédiat, non. Le logiciel de Bohemian Coding est beaucoup plus complet, tout simplement parce qu'il a déjà des années derrière lui. Mais l'éditeur indépendant se méfie de ce nouveau concurrent, considéré comme une « menace sérieuse » :

Le risque avec une société comme Adobe est que leur logiciel n'a pas besoin d'être un succès instantané pour eux. Ils peuvent perdre de l'argent dessus pendant des années tout en continuant de l'améliorer.

Et c'est ce qui va se passer. Dans les prochains mois, Adobe XD va s'intégrer au Creative Cloud, aussi bien commercialement que fonctionnellement. Il prendra en charge les Bibliothèques Creative Cloud pour partager des ressources entre plusieurs personnes et donnera accès à l'immense catalogue d'images Adobe Stock.

Cliquer pour agrandir

Le logiciel sera par ailleurs traduit dans plusieurs langues (il n'est qu'en anglais aujourd'hui) et sortira sur d'autres plateformes (iOS, Android et Windows), quand Sketch reste toujours à l'écart de l'iPad, au grand dam d'une partie de ses utilisateurs.

Pour résister face à XD, Sketch compte sur sa communauté très active à laquelle on doit notamment de nombreux plug-ins et scripts, et son modèle économique sans abonnement — une licence perpétuelle coûte 99 $.

Adobe n'a pas encore fixé de date de sortie pour la version finale, mais ce devrait être pour cette année.

avatar Hertzfield (non vérifié) | 

A voir ce que cela donne.
Deja que Bohemian s'était retirer du MAP.
Alors balle dans le pied ou vraie liberté ?

avatar appdav | 

"Experience Design CC (Preview) est en cours de téléchargement..."
Cela ouvre mon application Creative Cloud... puis plus rien, pas de téléchargement.
Quelqu'un a réussi à le télécharger ?

avatar Hasgarn | 

XD
Comme dirait l'autre...

avatar isnostudio | 

Vous pourriez peut être ajouter que Invision viennent de racheter la startup Silver Flows qui permet de faire des prototypes directement depuis l'interface de Sketch. Ils intégreront Silver Flows à leur plugin déjà existant appeler Craft.

avatar Domsware | 

Merci pour les informations !

avatar nova313 | 

Pour télécharger XD, il faut passer l'app CC en anglais, redémarrer CC, et télécharger XD en anglais. Ouaaahhhh, que d'acronymes XPTDR.

Sinon, je ne pense pas que ces 2 softs soit concurrents. J'utilise énormément Sketch pour de l'interface Mobile (UI), et peu pour du prototypage (UX). Il y a Balsamiq que beaucoup utilisent (pas moi), Microsoft Axure, et d'autres. Pour le prototypage, je me tourne vers Framer Studio (anciennement FramerJS), qui permet de créer un prototype rapide, avec quelques lignes de codes, et de pouvoir l'animer facilement.

Mais le prototypage ne veut pas dire UX. Il faut passer par l'étape du Wireframe pour que le côté UX soit complet. Encore une fois, il existe de nombreux softs, mais j'ai toujours un petit penchant pour mon cahier DotPad de Rhodia. Chacun à sa méthode.

Pour en revenir à XD, je pense que cela peut être un bon compagnon de prototypage, mais pas vraiment d'interface. A voir avec le temps, mais peut être que j'ai tort.

avatar appdav | 

Merci :)

avatar Nicolasdn | 

Bonjour, après avoir suivi vos indications, je n'arrive toujours pas à télécharger Xd, aucune app n'est répertoriée une fois que je passe CC en Anglais.. Est ce que vous avez une solution? Merci d'avance

avatar JackOne | 

Après reste à connaître le prix de XD une fois au niveau de sketch (que j'ai acheté je crois 30€ à son lancement)

avatar JackOne | 

C'est sketch qui m'a réconcilié avec le vectoriel
Longue vie à sketch !

avatar Sic transit | 

"… Que je vende des bateaux d'opium, du whisky de Clermont-Ferrand, de vrais paydays, de fausses vieeergeuuus… Que j'aie une banque à chaque doigt, et un doigt dans chaque pays, et que chaque pays soit à Moi, je sais quand même etc… "

– Le CEO d'Adobe, tous les matins, en se rasant

avatar maxswinguy | 

J'ai assisté à une présentation par Adobe de Comet il y a quelques mois. A 90% des questions, la réponse était "c'est prévu pour plus tard". On parle d'une version vraiment alpha, très pauvre en terme de fonctionnalité. A voir comment ils réussiront à le faire évoluer, mais pour l'instant je ne presque rien faire avec.

avatar appdav | 

Je confirme, il y a des idées intéressantes, mais on a vite fait le tour... On voit qu'ils partent de zéro pour recréer un tout nouveau logiciel type Sketch, mais en l'état c'est juste un compagnon qui manque cruellement de fonctionnalités.

avatar Crkm | 

Adobe ? xD

avatar Flash | 

hahaha! XD

avatar fte | 

Le truc qui me troue le cul : dispo uniquement sur OS X. Eh bé.

avatar Sulfate | 

Ben, si c'est sur abonnement, je vais rester sur Sketch un moment.

CONNEXION UTILISATEUR