Revue Figma | radar technologique

Revue Figma | radar technologique

Figma (ouvre dans un nouvel onglet), l'outil de développement Web gratuit, permet aux concepteurs de créer facilement des structures filaires et des prototypes avant de commencer le développement.

L'importance d'une bonne UI et UX ne peut être sous-estimée. Alors que les goûts des utilisateurs s'affinent et que la concurrence dans l'espace numérique devient plus féroce, les entreprises ne peuvent pas se permettre des interfaces non intuitives, maladroites ou incohérentes qui ne fonctionnent pas comme les utilisateurs s'y attendent. En fait, c'est la clé pour attirer de nouveaux utilisateurs et les fidéliser plus longtemps.

Des outils de maquette comme Figma, qu'Adobe a acheté en septembre 2022, permettent de construire des prototypes réalistes de manière très simple. En ce sens, c'est comme un mélange de Photoshop et de Canva pour les designers professionnels.

Mais la simplicité n'est pas le seul avantage de l'outil. L'outil de conception de produits basé sur un navigateur met fortement l'accent sur la collaboration en ligne, quel que soit l'appareil utilisé par votre équipe.

Figma : plans et tarifs

Figma est une application de conception d'interface gratuite avec des abonnements premium mensuels et annuels pour les utilisateurs avancés.

La version gratuite est limitée, bien sûr. Les utilisateurs peuvent créer trois fichiers Figma et trois fichiers FigJam. Pas mal pour les utilisateurs occasionnels, les très petites équipes et les concepteurs indépendants.

Deux mises à niveau sont disponibles pour les utilisateurs payants.

Professional ajoute des fichiers illimités, des chats audio et des bibliothèques d'équipe. Utile si vous avez besoin de maintenir une marque cohérente. Les frais sont de 15 € / 14 € / 24 € AUD par éditeur et par mois.

Pour les abonnements annuels, les prix baissent à 12 €/11 €/19 € AUD par éditeur et par mois.

Organization offre tout ce qui est inclus dans Professional, ainsi que des bibliothèques à l'échelle de l'organisation, des analyses, une gestion centralisée des fichiers, etc. Ceci n'est disponible que sur un abonnement annuel, avec des coûts ventilés à 45 € / 41 € / 71 € AUD par éditeur et par mois.

En général, Figma propose un prix milieu de gamme pour le marché. Sketch et Adobe XD ont un prix légèrement inférieur ; Axure RP est plus cher. Figma coûte beaucoup moins cher qu'UXPin, mais c'est un outil plus grand qui utilise du code interactif en direct, de sorte que les concepteurs et les développeurs travaillent en synchronisation. Penpot propose un outil de conception et de prototypage gratuit et open source pour les créatifs travaillant avec des budgets plus serrés.

Figma : interface et expérience

Capture d'écran de l'outil de conception et de prototypage de l'interface utilisateur Figma

(Crédit image : Figma)

Comme on peut s'y attendre d'une application de conception d'interface utilisateur dédiée, l'interface de Figma est extrêmement propre. Lorsque vous accédez pour la première fois à la page d'accueil, il se passe beaucoup de choses, pour être juste. Et si tout cela est nouveau pour vous, le grand nombre d'options sur la feuille peut initialement menacer de vous submerger.

Mais en fait, malgré de nombreuses options (ce qui n'est pas mal), tout est bien présenté à l'écran. Tout semble être là où il devrait être. Cela rend la navigation intuitive et facilite l'exécution de toute action requise. Pour un outil basé sur un navigateur, il est également incroyablement réactif.

En fin de compte, si vous avez une compréhension intermédiaire des logiciels et des applications de conception graphique, vous devriez trouver l'interface simple de Figma facile.

Figma : Conception

Capture d'écran de l'outil de conception et de prototypage de l'interface utilisateur Figma

(Crédit image : Figma)

Si vous savez comment positionner et redimensionner des formes et des lignes, vous pouvez utiliser Figma. Le travail de mise en page de base consiste à placer des formes, des images et des zones de texte dans un cadre vide, puis à modifier les propriétés pour obtenir le résultat souhaité.

Ne sous-estimez pas Figma cependant. L'outil de prototypage est beaucoup plus puissant qu'il n'y paraît à première vue. Vous trouverez tous les outils principaux, des outils d'échelle et de texte aux outils de stylet intelligent, situés en haut de l'écran. Et oui, les raccourcis clavier sont entièrement pris en charge pour y accéder, pour une plus grande efficacité et de meilleurs flux de travail créatifs. Cela s'étend même à votre outil crayon à main levée : en maintenant la touche Maj enfoncée, vous pouvez vous assurer que vos lignes horizontales et verticales sont absolument parfaites.

Une fois que vous avez commencé à créer votre filaire ou votre maquette, chaque composant ou élément est ajouté au panneau Calques sur la gauche. C'est là que Figma reflète le mieux le meilleur éditeur de photos d'Adobe. Sin embargo, en funcionamiento, lo encontrará similar a Sketch, la aplicación de diseño solo para Mac. Pero al optar por el conocido sistema basado en capas, ofrece un mayor control sobre cada elemento y hace que sea mucho más fácil de adoptar en todo el équipe.

Pour rendre le processus de conception encore plus simple, vous trouverez des modèles pour différents appareils dans l'onglet Prototype à droite. Les produits Apple dominent cette section, avec une multitude d'options iPhone, iPad, Mac et Apple Watch. Mais vous trouverez également un support pour les petits et grands écrans Android, Microsoft Surface Pro 8 et même les téléviseurs. Ce serait bien de voir cette liste s'étendre davantage, mais dans l'ensemble, c'est un moyen rapide de s'assurer que vos conceptions répondent aux besoins (et aux appareils) de vos utilisateurs. Cependant, juste pour être sûr, vous pouvez utiliser Figma Mirror pour afficher les conceptions sur Android et iOS. Comme avec l'outil principal, les prototypes en miroir seront mis à jour instantanément si des modifications sont apportées à la conception.

Après la signature, Figma vous permet d'exporter au format PNG, JPEG, SVG et PDF. Ce n'est pas une grande variété, mais ce sont des formats accessibles et, encore une fois, cela signifie que toutes les personnes impliquées dans le processus peuvent voir le design fini.

Figma : collaboration en ligne

Capture d'écran de l'outil de conception et de prototypage de l'interface utilisateur Figma

(Crédit image : Figma)

La collaboration en ligne est la plume du chapeau de Figma. Le travail hybride et à distance étant désormais la norme, il s'agit d'une caractéristique non négociable pour la plupart des équipes de conception. Et Figma facilite la collaboration, des concepts initiaux à la livraison finale.

Vous pouvez partager rapidement des conceptions - appuyez simplement sur le bouton Partager - mais l'outil offre un bon niveau de contrôle sur la façon dont (et ce que) vous envoyez aux autres. À partir de là, les utilisateurs peuvent écrire des commentaires, laisser des commentaires et, sur les plans Professionnel et Organisation, même avoir des conversations audio avec des collègues pour collaborer en temps réel.

Si vous comptez sur la collaboration en ligne, FigJam jouera un rôle important à cet égard. L'outil de tableau blanc est conçu pour le brainstorming et l'organisation des idées. Comme Figma, il est délicieusement simple à maîtriser. Mieux encore, les fichiers de conception fonctionnent dans les deux outils pour aider à stimuler la productivité et le processus de création.

Ailleurs, la bibliothèque d'équipe garantit que les guides de style et l'image de marque sont maintenus à travers les projets. Cela aide les équipes à créer des conceptions et une image de marque plus cohérentes tout au long du flux de travail, et, espérons-le, moins de tracas ou d'allers-retours une fois que le produit est expédié aux développeurs.

Il existe également un support pour les composants de mise en page gratuits et payants, les widgets et les plugins créés par la communauté Figma au sens large. Cela donne au logiciel encore plus d'utilité (et aide certainement lorsque ces délais commencent à se profiler).

figma : verdict final

Figma propose une conception UI et UX moderne et intuitive qui est clairement accessible à tous. En fait, nous ne pouvons pas exagérer à quel point il est facile à utiliser. Il fait tout ce dont les concepteurs ont besoin, et il le fait avec un ensemble d'outils puissants et avancés, que vous simuliez une nouvelle application ou un nouveau site Web, ou tout autre élément de conception graphique. Mais son accent sur la collaboration en ligne en fait un incontournable pour les équipes d'une organisation.

Figma : planche

Plans et tarifsGratuit, avec des mises à jour d'abonnement mensuelles et annuelles4Interface et expérienceSimple, moderne, propre et facile à utiliser5ConceptionOutil puissant qui permet des conceptions cohérentes et précises5Collaboration en ligneFortement axée sur le travail d'équipe en ligne5

je dois acheter?

Capture d'écran de l'outil de conception et de prototypage de l'interface utilisateur Figma

(Crédit image : Figma)

Achetez-le si...

N'achetez pas si...