sketch figma adobe
05/02/2020

Sketch Vs Figma Vs Adobe XD

Voux cherchez le meilleur outil UX ?

Le choix entre Sketch, Figma et Adobe XD pour concevoir des prototypes et des d’interfaces d’applications web et mobiles prête à confusion. En effet, durant une certaine période, Sketch a détenu le trône en terme d’outil de conception d’interface graphique. D’ailleurs, seulement deux ans après son lancement en 2011, ce logiciel a remporté un Apple Design Award

Figma et Adobe XD n’ont pas manqué de le défier. Ces deux derniers ont amélioré et développé leurs fonctionnalités tout en s’imposant à une échelle internationale. Les deux ont connu plusieurs révisions en gardant à l’esprit un objectif clair : offrir tout ce dont un UX/UI designer a besoin avec d’excellentes performances.

 Est-il temps pour les designers UX et UI de passer de Sketch à Figma ou Adobe XD ? Quel est le meilleur outil UX et UI design ?

Petite introduction de ces différents outils

sketch app

Sketch

Sketch est un logiciel de conception graphique destiné à la création des interfaces des applications et des sites web. Il a été lancé en 2010 et fonctionne exclusivement sur MacOS. L’outil s’est rapidement imposé sur le marché car il propose des fonctionnalités développées spécialement pour aider les designers à concevoir les UI.

Via l’application Sketch Mirror, disponible seulement sur iOS, le designer peut voir en direct son travail en cours sur son smartphone.

 

Étant disponible uniquement sur MacOS, l’expansion de Sketch s’est un peu freinée surtout avec l’apparition d’autres outils qui misent sur ses points faibles pour devenir ses concurrents.

 

Voir cette vidéo introduisant Sketch :

Figma

Figma est un logiciel de conception graphique vectorielle destiné à la création des interfaces d’applications mobiles et de sites web. Il a été lancé en 2016 et a reçu un grand succès auprès des spécialistes de l’UX et UI design. En fait, les points forts de ce logiciel sont le fait qu’il est disponible en ligne via un navigateur web et qu’il est collaboratif.

Peu de temps après, les développeurs du logiciel proposent une version desktop pour MacOS et Windows. Figma a su ainsi se proposer comme une vraie alternative à Sketch avec sa grande portabilité et son accessibilité.

Son application iOS et Android dédiée permet de tester ses travaux et prototypes en direct.

 

 Voir cette vidéo présentant Figma :

App Adobe XD

Adobe XD

Connu pour sa large gamme de logiciels d’édition graphique et vidéo, Adobe a souhaité proposer une solution dédiée aux UI et UX Designers en créant un logiciel d’édition graphique vectorielle spécialisé dans la conception d’applications mobiles et de sites web. La version beta du logiciel a été lancée en 2016 pour s’officialiser une année plus tard.

Adobe XD est un logiciel desktop disponible sur Windows et MacOS avec des versions pour Android et iOS permettant de tester les créations dans un environnement mobile.

 

Voir cette vidéo pour mieux cerner les fonctionnalités d’Adobe XD :

Comparaison de ces différents outils

Des interfaces similaires

Sketch, Figma et Adobe XD proposent des interfaces utilisateurs similaires. Le premier étant le précurseur des logiciels de conception des expériences utilisateurs, on estime que ses deux concurrents ont choisi de ne pas trop différencier leurs interfaces pour faciliter l’adaptation et la migration des designers vers Figma ou Adobe XD.

 

L’interface de ces logiciels est divisée en 4 parties :

  • A gauche : le panneau des pages, plans de travail et calques
  • Au centre : l’espace de travail
  • A droite : le panneau des propriétés appelé « Inspecteur » dans Sketch, « Propriétés » dans Figma et « Inspecteur des propriétés » dans Adobe XD
  • En haut : la barre des outils

Création des pages et des plans de travail

Sketch et Figma prennent le dessus sur ce point car les deux outils permettent la création des pages (ensembles de plans de travail) alors qu’Adobe XD ne permet pas la création des pages, ce qui semble un peu limité car peu importe la taille du projet, le designer ne pourrait que créer des plans de travail sans pouvoir ajouter des pages.

Création des grilles et agencement

Les 3 outils concernés permettent la création et l’utilisation de colonnes dans les plans de travail. Cependant, Figma est plus puissant sur ce point car il permet d’imbriquer les créations tout en gardant des sections différentes adaptées à l’usage de l’écran, favorisant le Responsive Web design.

Les outils de conception

En ce qui concerne les outils de dessin et d’édition vectorielle, Figma semble le plus flexible grâce à un outil appelé « réseaux de vecteurs ». En fait, ces trois outils ne sont pas comparables à Adobe Illustrator en terme d’édition vectorielle. Cependant, on peut dire qu’ils s’en sortent plutôt bien et permettent aux designers d’éditer leurs créations assez confortablement. Nous n’allons pas entrer trop dans le détail car chaque logiciel offre ses propres outils d’édition et de conception.

Les symboles

Les symboles sont un outil crucial pour l’UX ou l’UI Designer. Une fois un symbole créé, il suffit de le modifier une seule fois pour que toutes ses instances dans les différents plans de travail soit impacté.

Encore aujourd’hui, Sketch est l’application donnant le plus de possibilités et de souplesse aux symboles. Les « Components » de Figma permettent une très grande souplesse mais manquent d’organisation, tout espace de travail pouvant héberger des « Components » mères. Enfin, Adobe XD n’a pas misé sur cette fonctionnalité, ainsi les deux autres logiciels prennent donc de l’avance sur ce nouveau-né d’Adobe.

Les styles

En ce qui concerne les styles du texte et des calques, les trois logiciels proposent une grande flexibilité permettant de les éditer et les raffiner. Figma semble aussi être très flexible sur ce point permettant aux designers de personnaliser leurs conceptions en toute liberté.

Importation des données

Voilà qu’Adobe XD gagne finalement la première position face à Sketch et Figma. Ce dernier manquant de fonctionnalités permettant l’importation des données et Sketch ne permettant que d’importer des données statiques, Adobe XD, quant à lui, permet de connecter des fichiers Google Sheets pour intégrer directement des données textuelles mais aussi des images.

Plugins

Si au départ Figma ne comportant pas de plugins, le voilà maintenant premier sur ce point ! Sketch, Adobe XD et Figma proposent tous les 3 une longue et exhaustive liste de plugins, mais Figma attire de plus en plus d’éditeurs qui viennent ajouter leur plugins à la déjà longue liste.

Les extensions disponibles avec ces 2 logiciels permettent de les enrichir, ce qui facilite le travail des UX et UI Designers en important des fonctionnalités prêtes à l’emploi.

Création des prototypes

Adobe XD semble le logiciel le plus puissant en ce qui concerne la création des prototypes prêts à tester. Des fonctionnalités permettant l’intégration des sons et des animations automatiques font d’Adobe XD le leader de la création et le partage des prototypes. Sketch est encore un peu en retard car ses capacités de prototypage sont limitées. Figma permet de partager les prototypes via un simple lien, mais malgré des plugins permettant des fonctionnalités plus avancées, il reste devancé par le logiciel d’Adobe.

Travail collaboratif

À ce jour, Sketch est le seul outil ne permettant pas un travail collaboratif. En effet, sur Figma comme sur Adobe XD, différents designers peuvent interagir en même temps sur un projet, voire même se laisser des commentaires en direct. L’édition en temps réel est dans la roadmap de Sketch, mais aucune date de sortie n’a encore été révélée.

Coûts

Lorsqu’il s’agit de logiciels professionnels, la question de coût s’impose comme un critère de choix très souvent décisif. Voici les prix des licences de nos trois logiciels :

  • Sketch : propose deux types de licences, une licence personnelle à 99$ à laquelle on ajoute les frais optionnels de la mise à jour annuelle de 79$. La licence professionnelle « Sketch for Team » est 9$ par mois par utilisateur.
  • Figma : propose 3 licences : une licence gratuite, mais très limitée, une licence professionnelle à 15$ par mois par utilisateur et une licence de groupe à 45$ par utilisateur par mois.
  • Adobe XD : comme tous les logiciels de la suite, Adobe XD est disponible sous différentes formules d’abonnement. Pour une utilisation personnelle ou individuelle, il est disponible en version d’essai gratuite très limitée, un abonnement mensuel de 11,99 € ou un abonnement à toute la suite Adobe à 59,99 € par mois. Pour une utilisation collective, il est disponible en version d’essai gratuite et limitée, en abonnement mensuel à 19,99 € HT par utilisateur ou en abonnement à toute la suite Adobe à 69,99 € HT par utilisateur par mois.

Pour résumé le tout,  Antony Conboy, un Lead UX Designer explique en vidéo ce qui rapproche et différencie ces 3 logiciels de conception de sites web et d’applications mobiles :

Quel logiciel choisir ? Quel est le meilleur outil UX et UI design ?

Comme vous l’avez vu, il n’est pas simple de trancher entre ces logiciels. En fait, le choix dépend avant tout de vos préférences. Si vous préférez un logiciel assez flexible et surtout très collaboratif, optez pour Figma. Si vous cherchez un logiciel avec un bon historique et avec des fonctionnalité assez développées grâce à un écosystème riche en extensions, optez pour SketchMais si après tout, vous êtes à l’aise avec les logiciels de la suite Adobe et vous sachez que leurs produits ne cessent d’être améliorés, choisissez Adobe XD pour bénéficier surtout d’un excellent logiciel de prototypage et d’un large choix d’outils complémentaires et d’extensions.

 

Finalement, n’oubliez pas l’aspect financier du choix, chacun de ces outils possède des formules de facturation différentes.

 

Nous espérons vous avoir éclairé au sujet des choix des logiciels d’UX et UI Design dans cette comparaison, n’oubliez pas de nous faire un retour avec votre propre expérience.

 

Lire aussi :

Cartes de la psychologie des couleurs

Un outil permettant de choisir les couleurs adaptées à votre projet.

Un projet de conception UX ou UI ?

Vous avez besoin d'un accompagnement personnalisé pour le réaliser ?
0 articles | 0
Commander
Prix TTC et livraison offerte