Que vous soyez un designer en herbe ou un professionnel chevronné, il est toujours bon de se tenir au courant des derniers outils du métier. Figma et Sketch sont deux applications de conception et de prototypage vectorielles incroyablement polyvalentes qui vous permettent de créer de superbes maquettes, des interfaces d'application et plus rapidement. J'ai essayé d'améliorer mon jeu de conception et j'ai décidé de passer de Photoshop. Cependant, sélectionner l'une de ces deux applications de conception et de prototypage est un défi car elles semblent identiques en surface. La comparaison ci-dessous couvre mes découvertes sur Figma et Sketch et devrait vous aider à comprendre en quoi elles diffèrent.
Qu'est-ce que Figma et Sketch Who
Sketch existe depuis une décennie alors que Figma est sorti depuis moins de 5 ans maintenant. Dans cette comparaison, je couvrirais les bases et expliquerais quelle application est destinée à qui.
1. Disponibilité
C'est l'un des avantages les plus annoncés de Figma. Il s'agit d'un outil Web qui propose également des applications pour macOS et Windows. Cependant, vous pouvez être opérationnel avec un navigateur Web de bureau avec une connexion Internet décente. Ce qui le rend encore meilleur, c'est que Figma propose également des applications compagnons pour Android et iOS qui vous offrent des mises à jour de conception en direct lors de vos déplacements. Comme tout est dans le cloud, vous pouvez accéder à vos mises à jour de conception ou à celles de votre équipe de n'importe où dans le monde.
Sketch, en revanche, est strictement une application macOS et vous ne pouvez l'installer que sur des MacBook. Même s'il n'y a pas d'application compagnon officielle pour les smartphones, vous pouvez obtenir un Sketch Mirror pour Mac. En toute honnêteté, Figma fait un meilleur travail en tant qu'outil en ligne en temps réel avec une meilleure compatibilité multiplateforme que Sketch.
Figue : 1
Esquisse : 0
2. Interface utilisateur
Figma et Sketch ont tous deux une interface et un placement d'outils similaires (barres latérales), ce qui facilite la comparaison car vous pouvez vous concentrer sur les outils et autres fonctionnalités liées à votre flux de travail. Les deux applications ont un espace de travail ou un canevas au milieu, des calques et des attributs d'actifs à gauche, une barre d'outils en haut et un volet de propriétés à droite. La seule chose que Sketch a en termes d'interface utilisateur est le mode sombre qui est vraiment agréable pour les yeux et se marie bien avec le thème macOS.
Mis à part quelques changements cosmétiques, Figma et Sketch ont tous deux une interface utilisateur similaire.
Figue : 1
Esquisse : 1
3. Conception
Figma dispose d'une gamme d'outils de forme standard et de ressources de conception pour créer votre premier projet de conception et tout ce qui suit. Cependant, la mise en œuvre de l'outil de Figma est supérieure. Pour commencer, chaque outil de forme tel que rectangle, ovale, étoile et polygone permet d'arrondir facilement les angles. Vous pouvez simplement cliquer et faire glisser un coin et donner à n'importe quel bord dur un aspect doux. C'est une excellente esthétique de conception et je suis content que Figma le rende super facile.
Alors que Sketch propose de nombreux outils puissants, les fonctionnalités nécessitent simplement une courbe d'apprentissage et vous devez comprendre comment faire les choses. Ce n'est pas intuitif. Par exemple, si vous souhaitez arrondir les angles d'un triangle, vous devez d'abord créer un triangle régulier, puis passer en mode édition, cliquer sur tous les sommets, puis appliquer la valeur d'arrondi pour créer un objet aux angles arrondis. Figma est plus convivial que Sketch.
Figue : 2
Esquisse : 1
4. Prototypage
Une fois que vous avez terminé la partie conception de votre projet, l'étape suivante consiste à le prototyper. Figma et Sketch disposent tous deux de puissants outils de prototypage qui vous permettent d'incorporer des robinets, des pressions sur les boutons dans la conception et de le faire fonctionner pendant les tests comme s'il le ferait dans la vraie vie.
Figma propose des gestes d'interaction dans un format simple à comprendre et facile à mettre en œuvre. Vous sélectionnez simplement une action et son résultat et pointez le bouton vers un autre attribut, et vous avez terminé. Vous pouvez même animer tous les gestes nuancés avec votre animation personnalisée. Cependant, un petit problème auquel toute la communauté Figma est confrontée est que vous ne pouvez pas connecter efficacement plusieurs pages.
Note: You can in fact link pages of a project in prototyping with links but that’s currently inefficient and simply opens that page in a new tab which isn’t very cohesive.
Sketch, d'autre part, offre un moyen fluide de créer des liens entre différentes pages. Bien que Sketch appelle ces plans de travail et non les pages, le concept reste le même et la mise en œuvre est meilleure. En fin de compte, cela se résume à vos besoins. Si votre projet comporte peu de pages mais nécessite des animations avancées, alors Figma propose un meilleur prototypage. Cependant, si vous souhaitez créer un prototype cohérent pour les clients qui peuvent avoir une idée du projet avec plusieurs parties, Sketch le fait mieux. C'est effectivement une égalité.
Figue : 2
Esquisse : 1
5. Plugins
Sketch et Figma sont tous deux riches en fonctionnalités, mais si vous avez un flux de travail personnalisé, il existe un plugin pour vous. Sketch existe depuis plus longtemps et a donc plus de plugins dans la bibliothèque. Cependant, vous pouvez trouver des plugins populaires tels que Zeplin, ProtoPie et Avocado sur Sketch et Figma. Les deux applications proposent des API pour créer vos propres plugins pour votre flux de travail.
Une chose à noter ici est que Figma étant un outil en ligne, tous les plugins sont disponibles à tout moment et fonctionnent de manière transparente. Sketch, même s'il prend en charge plus de plugins, vous oblige à télécharger la copie numérique et à la coller dans le dossier des plugins. Ce n'est au mieux qu'un inconvénient mineur, et Sketch dispose toujours d'un support de plug-in supérieur.
Figue : 2
Esquisse : 2
6. Collaboration en temps réel
Figma est le champion de la collaboration en temps réel et Sketch ne se rapproche même pas de sa fonction de synchronisation dans le cloud. Figma permet à un nombre illimité de téléspectateurs et de commentateurs de voir l'avancement du projet en temps réel. Sketch, d'autre part, vous permet d'enregistrer et de synchroniser les projets dans le cloud et une fois qu'il est enregistré, les utilisateurs peuvent voir les fichiers de conception mis à jour. En bref, Figma adopte une approche axée sur le cloud, ce qui est l'une des raisons pour lesquelles il a pris son envol.
Figue : 3
Esquisse : 2
7. Prix
Figma propose trois niveaux avec deux abonnements payants et un gratuit pour les créateurs individuels. Le plan gratuit offre un projet d'équipe à la fois et des éditeurs illimités. Le forfait payant commence à 12 $/mois/éditeur et offre un nombre illimité d'éditeurs, d'historique des versions et de projets.
Sketch est livré avec un essai gratuit de 30 jours. Après cela, vous serez facturé 9 $/mois/éditeur pour toutes les fonctionnalités. Figma est certainement un peu cher lorsque vous obtenez le plan payant, mais si vous n'avez besoin de travailler que sur un projet à la fois, Figma vous permet de travailler dessus gratuitement.
Découvrez Figma (gratuit, 12 $ / mois)
Découvrez Sketch (essai gratuit, 9 $/mois)
Figma ou Sketch : quelle est la meilleure application de conception et de prototypage ?
Il est indéniable que Figma et Sketch sont deux applications étonnantes qui permettent le prototypage et la conception. Figma adopte une approche axée sur le cloud et convient mieux à la collaboration en ligne. Sketch est moins cher pour les équipes, propose plus de plugins, mais ne fonctionne pas en dehors de l'écosystème Apple.
J'espère que la comparaison ci-dessus vous a rendu la décision un peu plus facile et si je devais donner mon avis, j'irais avec Figma. Je dis cela parce que mon cas d'utilisation consiste à apprendre à concevoir des maquettes et que je ne travaillerai pas sur plusieurs projets à la fois. Qu'en penses-tu? Quel outil est le meilleur pour vous ? Faites-le moi savoir sur Twitter.
Lisez également : Meilleures applications pour créer des infographies et des informations sur les données en 2021