Figma vs Sketch : quel est le meilleur outil pour les designers ?
Explorons ces 2 outils
Depuis quelque temps maintenant, Sketch est l’outil de prédilection des concepteurs. Cependant, avec l’arrivée de Figma sur le marché, sa place de numéro 1 a été remise en cause. Sa particularité ? Figma est le premier outil de conception d'interface basé sur un navigateur en ligne.
Dylan Field un des cofondateurs de Figma souhaitait "faire pour la conception d'interface ce que Google Docs a fait pour l'édition de texte".
Son objectif est de révolutionner la façon dont les équipes de conception collaborent. Et c’est bien ce qui est en train de se passer puisque Figma est de plus en plus utiliser par les concepteurs.
Dans cet article nous allons tenter de répondre aux questions suivantes : Comment se situe Figma par rapport à Sketch aujourd’hui ? Figma est-il en train de détrôner Sketch ?
La team Dgitags va donc tenter aujourd’hui de répondre à ces questions. Si vous souhaitez en savoir plus sur ces deux concurrents, c’est juste en dessous.
So, let’s go !
1/ Figma vs Sketch : Introduction
Pour commencer, l'une des principales différences qui existent entre les deux outils est que Sketch est une application de bureau disponible uniquement sur les ordinateurs Apple alors que Figma fonctionne dans un navigateur. Il est donc accessible à tous contrairement à Sketch. Vous avez juste besoin de vous créer un compte et d’avoir un ordinateur.
Vous pouvez également télécharger Figma directement sur votre ordinateur (Mac ou Windows) pour qu’il apparaisse dans votre bureau. Toutefois, il est important de noter que si vous n'êtes pas connecté à Internet, vous ne pourrez pas ouvrir un nouveau fichier. Pour les concepteurs qui ont besoin de travailler hors ligne, cela peut s'avérer problématique.
Il faut cependant se poser la question suivante : est-ce que Figma est aussi puissant et performant que Sketch alors qu’il est basé sur le web ?
D'après notre expérience il semblerait que oui.
2/ Figma vs Sketch : les tarifs
Tarif de Sketch :
Vous devez payer 99 $ pour une licence qui dure un an. Tout au long de cette année, vous recevrez toutes les mises à jour de l'application Sketch.
Une fois la licence expirée, vous pouvez continuer à utiliser Sketch tout au long de votre vie, mais vous devez disposer d'une licence en cours pour recevoir les mises à jour.
Vous avez également la possibilité de prendre un abonnement Business. Vous devez contacter Sketch pour en savoir plus.
Tarif de Figma :
L'outil est actuellement gratuit pour les particuliers. Un plan d'équipe professionnelle coûte 12 $ par éditeur par mois si la facturation est annuelle ou 15 $ par éditeur par mois si la facturation est mensuelle.
Vous pouvez également souscrire à un abonnement Entreprise qui coupe 45$ par éditeur par mois.
L’avantage de ces deux outils, est qu’ils proposent tous deux un essai gratuit. Cela vous permet de voir quel outil vous préférez avant de prendre un engagement financier !
3/ Figma vs Sketch : les interfaces
D’un point de vue ergonomique, les deux interfaces sont assez similaires. Figma s’est pas mal inspiré de Sketch. Vous ne serez pas dépaysé en passant de l’un à l’autre.
Lorsque vous ouvrez l'application Figma, vous accédez directement à la section "recently viewed" du navigateur de fichiers. Vous y trouverez vos projets en cours ou bien des dossiers préchargés entièrement éditables, dont vous pourrez copier les éléments dans tous les nouveaux modèles que vous créerez. Cela dépend de si vous voulez créer votre projet à partir de rien ou bien vous inspirez d’un modèle.
En terme d’interface, la seule différence réside dans la terminologie utilisée. Dans Sketch, vous travaillez avec des tableaux, alors que dans Figma, vous travaillez avec des cadres. Les symboles dans Sketch sont appelés composants dans Figma. En réalité, ce n’est qu’une question de formulation, et si vous êtes familier avec Sketch, vous trouverez rapidement votre chemin dans Figma.
Symbols
Components
Frame vs Artboard
Frame :
Figma utilise le terme "Frame" pour décrire le conteneur de haut niveau de votre contenu de conception. Ce qui rend les cadres plus puissants que les artboard de Sketch, c'est la possibilité de les imbriquer. Chaque cadre peut avoir sa propre grille de mise en page, ses propres préférences de dimensionnement et de découpage du contenu.
Artboard :
Sketch utilise le terme "Artboard" pour décrire le conteneur de plus haut niveau de votre contenu de conception.
Sketch et Figma prennent tous deux en charge les règles d'épinglage et de redimensionnement au sein du "Artboard" et fonctionnent essentiellement de la même manière, à l'exception que Sketch ne prend pas en compte les artboards imbriqués.
Component vs Symbol
Component :
Contrairement à Sketch, Figma ne déplace pas ou ne duplique pas votre composant maître dans sa propre page. Votre composant maître vit là où il a été créé et peut être déplacé sur la page de votre choix. Cela peut être un peu difficile si vous avez l'habitude de voir tous vos symboles joliment affichés dans une page. Mais pas de panique, vous pouvez y accéder et les modifier aussi rapidement que dans Sketch en trouvant chaque composant principal dans le panneau Assets, similaire au panneau Components de Sketch. Le panneau Actifs affiche tous les composants créés localement ainsi que les composants de toute bibliothèque activée.
Symbol :
Sketch crée une page dans votre fichier intitulée "Symboles" dès que vous désignez votre premier symbole. Cette page peut s'avérer très utile pour le suivi et la mise à jour de vos symboles. L'édition de votre composant principal appliquera cette modification à toutes les instances qui n'ont pas de surcharge existante. Vous pouvez également localiser rapidement les symboles dans le panneau "Composants" pour rechercher parmi les symboles.
4/ Figma vs. Sketch : les fonctionnalités
L’une des meilleures fonctionnalités de Figma est le travail d’équipe. En effet, Figma est une très bonne option si vous souhaitez travailler à distance avec votre équipe.
Par exemple, vous avez une fonctionnalité de collaboration en temps réel. Plusieurs membres de l'équipe peuvent travailler simultanément sur le même projet de conception. Chaque participant peut visualiser les modifications directement dans l'outil, au fur et à mesure qu'elles se produisent.
Dans Sketch, la collaboration dans un fichier avec d'autres concepteurs peut être compliquée. Par exemple, les modifications que vous apportez aux styles de texte auront un impact sur tous les composants qui contiennent du texte. Vous devez donc être en communication constante avec les autres membres de votre équipe pour ne pas supplanter le travail d’un de vos coéquipiers.
Un autre avantage intéressant, est que Figma est basé directement sur le web, de sorte qu'un développeur souhaitant visualiser un certain projet, par exemple, n'a pas besoin d'installer un outil de conception qu'il n'utilisera pas par ailleurs. Chaque projet a sa propre URL, ce qui facilite le partage des fichiers.
En termes d'outils de conception, Figma a également quelques outils qui pourraient être considérées comme meilleurs que ceux deSketch. Les grilles et les contraintes permettent une flexibilité totale lorsqu'il s'agit de créer des mises en page redimensionnables et réactives. Vous pouvez également faire ça sur Sketch grâce à la fonction de redimensionnement de groupe, mais vous êtes limité à quatre options seulement.
Figma a également repris l'outil de dessin traditionnel de Sketch et l'a amélioré en utilisant des réseaux vectoriels au lieu de chemins. Comme l'explique Evan Wallace, cofondateur de Figma : "Un réseau vectoriel améliore le modèle des chemins en autorisant les lignes et les courbes entre deux points quelconques au lieu d'exiger qu'ils se rejoignent tous pour former une seule chaîne." Concrètement, cela permet une plus grande flexibilité lors du dessin.
Cependant, en terme de variété de plugins, Sketch reprend la main. En fait, il n'y a pratiquement rien que vous ne puissiez faire dans Sketch si vous disposez du bon plugin. S'il est vrai que Figma est livré avec des capacités natives de prototypage et de transfert des développeurs, il existe de nombreux plugins qui intègrent Sketch aux outils les plus populaires du secteur, tel que Zeplin pour le transfert des développeurs. Pour de nombreux concepteurs, le fait de devoir installer un plugin n'est pas un réel problème, ce qui ne les incite pas à passer de Sketchà Figma.
En ce qui concerne le prototypage, ni Figma ni Sketch n'étaient dotés de fonctions de prototypage lors de leur lancement initial, mais le marché devenant de plus en plus compétitif, les applications ont également besoin de mises à jour constantes pour ne pas être distancées. Figma a donc introduit une fonctionnalité de prototypage en 2017, Sketch a fait de même en 2018.
Sur cet aspect, Figma peut être plus flexible que Sketch, car il prend en charge les superpositions lors de la liaison d'objets à d'autres tableaux. En effet, Figma se distingue par sa construction intuitive puisque les concepteurs peuvent facilement connecter des éléments d'interface utilisateur et choisir les interactions et les animations respectives. De plus, Figma est optimisé pour les téléphones portables, ce qui est très avantageux pour les cadres de dispositifs et le défilement dynamique. Cette qualité permet aux concepteurs de comprendre comment l'utilisateur « vivra » les prototypes. Le partage des prototypes se fait grâce à un simple lien puisque Figma est basé sur le cloud. Dans Sketch, le processus est également assez simple, mais il exige que les concepteurs téléchargent les fichiers dans Sketch Cloud avant de les partager.
Si vous voulez en découvrir plus sur Figma, c'est par ici.
5/ Figma vs Sketch : lequel choisir ?
Quel est le grand vainqueur ?
Il n’y a pas de réponse immédiate à cette question.
En termes de collaboration, Figma est probablement le grand gagnant. De plus, le fait qu'il fonctionne dans un navigateur est un avantage considérable pour tous ceux quine possèdent pas de Mac, ou qui ont besoin d'accéder à certains fichiers mais ne veulent pas télécharger et installer des outils de conception. Le but premier de Figma était de répondre à un besoin en terme de travail d’équipe. Ce pari a été totalement rempli. Ses fonctions de collaboration en temps réel et de contrôle de version détaillé sont certainement ses points forts.
Récemment,Sketch s’est rendu compte de l’intérêt de la fonction de collaboration pour les concepteurs. Ainsi, en juillet 2020, la version bêta publique de Sketch for Teams a été lancée. Elle offre un meilleur moyen aux utilisateurs de collaborer sur les mêmes fichiers. Vous pouvez ajouter des participants qui pourront chacun visualiser ou modifier le fichier. Sketch for Teams dispose également d'une section de commentaires dans laquelle les utilisateurs peuvent discuter.
Un des points qui peut faire la différence entre ces deux outils est que Sketch est finalement moins cher que Figma. Figma peut s'avérer être une option coûteuse, en particulier pour les équipes nombreuses.
En termes de fonctionnalités de conception natives, les deux outils sont à peu près au même niveau. Nous pensons tout de même que Sketch l'emporte sur Figma par la variété des plugins disponibles. Ce n’est pas étonnant puisque Sketch a été créé avant Figma.
Dans le futur, Figma risque de rattraper Sketch sur ce point-là.
Conclusion
Figma et Sketch sont donc deux outils de conception au potentiel incroyable. Ils ne cessent d'offrir de nouvelles fonctionnalités et d'améliorer celles qui existent déjà, ce qui fait qu'il est très difficile pour les concepteurs de décider laquelle utiliser.
En fin de compte, tout dépend de la préférence du concepteur.
Si certains privilégient les plugins, d'autres sont davantage préoccupés par la collaboration. De plus, les réseaux vectoriels de Figma sont peut-être plus rapides pour dessiner, mais aussi moins rigoureux et précis que les outils vectoriels de Sketch.
Les réelles questions à se poser sont donc les suivantes :
- Le concepteur travaille-t-il en tant que freelance ou au sein d'une entreprise ? Vous êtes intéressé par les freelances ? Venez jeter un oeil à notre page dédiée.
- Quels ordinateurs les designers utilisent-ils pour travailler ?
- Quelle est la taille de l'équipe ?
- Quels autres outils le designer utilisera-t-il ?
Ce sont là quelques-unes des questions les plus importantes à se poser afin de faire un choix entre ces deux logiciels.
Le choix entre les deux outils dépend donc de l'équilibre entre les performances, les fonctionnalités et les caractéristiques que chaque concepteur recherche. Outre les préférences de chacun, il faut également tenir compte de facteurs externes tels que le nombre de membres de l'équipe, la disponibilité des systèmes d'exploitation au sein de l'entreprise et les capacités de collaboration.
Voilà c’est la fin de cet article. Et oui déjà… Ne vous inquiétez pas, nous revenons bientôt avec encore plus de contenus !
La team Dgitags espère néanmoins que cet article vous aura intéressé et vous aura appris des choses sur ces deux outils incontournables que sont Figma et Sketch.
A très vite !
Annexe :
Source de l'image : Imaginary Cloud
Source :
Le blogdu Hub
