Sketch vs Adobe XD

Dans cet article nous allons essayer de répondre à la ques­tion :

Quel est le meilleur logi­ciel de design entre Sketch et XD ?

Pour cela, nous allons passer en revue les avan­tages et incon­vé­nients de chaque appli­ca­tion ainsi que les features inno­vantes de chacune.

Avant tout voici un petit réca­pi­tu­la­tif video d’En­vato Tuts+ datant de quelques mois :

https://youtu.be/la9_HqhchH0

Tout dépend de vous Sketch et XD sont deux apps fami­lières pour les desi­gners web et vous verrez qu’en fonc­tion de vos besoins et du maté­riel que vous utili­sez, vous aurez à choi­sir entre l’un et l’autre. Il y a quelques années, on utili­sait encore Photo­shop pour réali­ser nos webde­si­gns, mais depuis quelques années des logi­ciels plus adap­tés à la concep­tion de sites web ont débarqué sur le marché pour nous faci­li­ter la vie. Entre nos deux concur­rents Sketch a été le premier, il en est aujourd’­hui à sa 52ème version alors que le petit « nouveau » d’Adobe, XD, est dispo­nible depuis début 2016.

Tout d’abord le prix

Sketch dispose d’une formule d’abon­ne­ment un peu spéciale : lors de l’achat vous débour­se­rez 99€ qui vous permet­tront de télé­char­ger Sketch et de main­te­nir votre version à jour pendant 1 an. Au bout de cette période vous pour­rez conti­nuer à utili­ser Sketch gratui­te­ment avec la version instal­lée sur votre machine, mais il vous faudra payer 99€ pour chaque année de mise à jour. De son côté, Adobe XD offre une version « Star­ter » gratuite, qui est une version dégra­dée. Vous n’au­rez accès par exemple qu’à un proto­type actif partagé, 2Go d’es­pace Cloud dédié et Adobe fonts avec polices limi­tées. La version complète vous coûtera 11, 99€ par mois, vous aurez entre autres 100Go de stockage, proto­types illi­mi­tés et toutes les fonts de la biblio­thèque Adobe dispo­nible.

Les Plus…

Commençons par Sketch

Ce logi­ciel est dédié à 100% au design d’in­ter­face, il intègre de bonne solu­tion de proto­ty­page, notam­ment grâce à Craft et Invi­sion. En utili­sant Sketch vous vous rendrez compte qu’une énorme commu­nauté existe déjà et travaille tous les jours à la créa­tion de nouveaux plugins pour faci­li­ter votre travail. Sketch dispose de nombreuse fonc­tion­na­li­tés, et la prin­ci­pale est sûre­ment la possi­bi­lité de créer des « symbols » qui vous permet­tra de créer éléments de votre design et de les repro­duire/modi­fier en masse sans avoir à repas­ser sur tous les artboards. Très pratique pour un chan­ge­ment de couleur dernière minute ou la suppres­sion d’un élément qui se répète de nombreuses fois dans votre design, en un clic le tour est joué. Vous aurez la possi­bi­lité de télé­char­ger ou même de créer et d’ac­ti­ver des biblio­thèques pour avoir accès à de nombreux éléments de design conçus précé­dem­ment comme des librai­ries entières d’icônes, etc… Très pratique si le design de picto­grammes n’est pas votre votre fort. Vous trou­ve­rez de nombreuses ressources sur Sketch App Sources

Passons à Adobe XD

De son côté XD à mis l’ac­cent sur le proto­ty­page. Les outils de design essen­tiels sont là mais ils restent beau­coup moins déve­lop­pés que sur Sketch. Depuis peu XD a mis en place un outils de proto­ty­page vocal assez inté­res­sant. XD présente l’avan­tage de tout inté­grer : de l’app au proto­type, en passant par les retours des desi­gners et client, contrai­re­ment à Sketch, qui devra se repo­ser sur des appli­ca­tions tierces pour permettre à votre team et aux clients de faire leurs retours. Une des autres fonc­tion­na­li­tés inté­res­sante de XD c’est son option de « répé­ter la grille » qui vous permet de créer un élément puis de le dupliquer en grille aussi faci­le­ment que d’agran­dir un bloc. En plus chaque modi­fi­ca­tion à un élément de la grille créée se réper­cute sur l’en­semble. Autre avan­tage d’XD, son inter­face épurée et ses perfor­mances, vous vous en rendrez compte en l’uti­li­sant le design clair de l’in­ter­face mets vrai­ment en avant vos créa­tions et la rapi­dité du logi­ciel est vrai­ment excel­lente, même avec beau­coup de pages.

Les moins…

Commençons encore par Sketch.

C’est l’un des plus gros point noir de Sketch est qu’il n’est dispo­nible que pour les utili­sa­teurs de Mac OS. Nos excuses aux pro Windows ou Linux, la marque à la pomme à encore gagné. Les perfor­mances de l’app sont aussi un des défauts majeurs de Sketch, lors de la créa­tion de desi­gns complexes avec de nombreuses pages, on constate un ralen­tis­se­ment de l’app malgré de vraies amélio­ra­tions lors des mises à jour les plus récentes.

Côté XD

Les plugins restent trop rares : deve­nus indis­pen­sables sur Sketch, ils ont tendance à manquer aux utili­sa­teurs passant de Sketch à XD. Adobe a néan­moins entendu le déses­poir de ses utili­sa­teurs et certaines inté­gra­tions sont prévues. Enfin même si son design épuré est appré­ciable, le manque de fonc­tion­na­li­tés est l’un des plus gros point faible d’XD.

À vous de voir

Comme on vous le disait plus plus haut, tout dépend de vos besoins. Sketch, dû à son ancien­neté, reste le plus abouti en terme de design d’in­ter­faces actuel­le­ment, mais XD évolue rapi­de­ment et est clai­re­ment entré dans la course des meilleurs logi­ciel de design à venir.