figma
25/11/2020

Les possibilités de Figma

Quelques années seulement après son lancement, Figma s’est positionné comme l’un des plus puissants outils de design et de prototypage des interfaces graphiques. Bien qu’il soit largement connu pour des fonctionnalités de partage et de travail collaboratif, Figma est bien plus que cela. L’UI Design devient un processus simplifié avec Figma qui propose de nombreuses fonctionnalités de personnalisation et d’automatisation. On peut facilement dire que seule l’imagination est la limite lorsqu’il s’agit de produire des interfaces utilisateurs sur Figma. 

 

Découvrons ses principales fonctionnalités et utilisations !

Figma : c’est quoi ?

Figma est un logiciel de conception UI qui permet aux UX/UI designers de créer facilement des interfaces graphiques pour les applications mobiles et les sites web. Sa fonctionnalité la plus avantageuse est sa capacité de construire un Design System collaboratif entre les différentes parties prenantes d’un projet.

L’outil a fait son apparition en 2016 pour devenir assez rapidement l’un des principaux concurrents de Sketch (longuement utilisé dans la conception graphique des interfaces).

Figma est disponible en deux versions :

  • L’application web accessible via un navigateur web et une connexion internet permettant de créer des designs, de les stocker en cloud et de les partager pour un travail collaboratif et des présentations beaucoup plus aisées.
  • Une version desktop disponible pour Windows et MacOS permettant de travailler localement lorsqu’on ne dispose pas de connexion internet et de partager, une fois connecté, ses travaux avec le reste de l’équipe.

 

Le logiciel est largement connu pour son accessibilité, les possibilités de travail collaboratif, le partage et le prototypage interactif rapide. Ce n’est pas tout ! Figma a beaucoup à offrir aux UI/UX designers ainsi qu’aux développeurs. 

 

Voir cette vidéo introduisant l’outil Figma (logiciel de design en ligne) :

Accessibilité et travail collaboratif

Contrairement à ses concurrents comme Sketch ou Adobe XD, Figma est un logiciel très accessible. Il s’agit, en fait, d’une application web hébergée en cloud, ce qui la rend accessible sur n’importe quel navigateur connecté à internet. En d’autres termes, peu importe le système d’exploitation et la configuration de votre ordinateur, vous pouvez utiliser Figma sans aucun problème.

 

Un outil collaboratif par excellence

Cette grande accessibilité permet déjà au logiciel d’assurer un travail collaboratif entre les différentes équipes de designers et de développeurs ainsi qu’avec les clients ou les testeurs.

Figma assure un accès simultané à de nombreux utilisateurs au même projet tout en permettant de suivre l’activité de chacun d’entre eux. En fait, chacun des utilisateurs aurait un curseur qui lui est propre et portant son nom. Cela permet de suivre l’activité de chaque contributeur au projet en temps réel.

Ainsi, le travail collaboratif sur un fichier partagé permet à de nombreux designers de travailler sur le même tout en pouvant bénéficier d’un encadrement ou d’une supervision.

En plus, il n’est pas nécessaire que tous les membres de l’équipe soient physiquement présents au même endroit. Le partage du document se fait via un simple lien web, à l’image de Google Docs, par exemple. Cette fonctionnalité est également utilisée pour avoir les retours clients en temps réel ou pour réaliser des tests utilisateurs. Il est, en fait, possible de commenter et de consulter les commentaires en temps réel pour intervenir en cas de nécessité.

 

Figma tutorial: Collaborer en temps réel avec Figma

Figma : l'outil le plus adapté pour une collaboration à distance

Fichiers mis à jour en temps réel

L’une des principales caractéristiques de Figma est la mise à jour automatique des éléments visuels créés dans Figma et insérés dans d’autres plateformes.

En fait, le logiciel permet d’intégrer des créations dans d’autres outils en utilisant la fonction Embed. Le code iFrame généré dans Figma peut être intégré à d’autres outils ou interfaces.

Techniquement, toute modification effectuée dans le fichier Figma d’origine induit la modification automatique des éléments intégrés dans d’autres outils permettant ainsi de gagner du temps et d’effectuer des modifications qui prennent effet en temps réel.

 

Feedbacks et retours en temps réel

Comme nous l’avons expliqué, Figma est un outil collaboratif par excellence. Il permet d’obtenir des feedbacks et des avis sur les designs créés en temps réel. Cette fonctionnalité est débloquée par la possibilité d’ajout de commentaires en temps réel.

En fait, en partageant le fichier Figma avec les différents membres de l’équipe, les clients ou les testeurs et l’UI designer peuvent obtenir un feedback en temps réel et réaliser les modifications nécessaires sans avoir à quitter le logiciel.

Autres fonctionnalités de Figma

Collaboration étroite avec les développeurs

Il est généralement connu que les designers et les développeurs n’ont pas de bonne synergie lorsqu’ils collaborent sur le même projet. Les premiers semblent être plus souples que les seconds. Ils se rendent comptent de cette difficulté de communication principalement lors du processus du prototypage.

 

Figma a résolu le problème en intégrant des fonctionnalités permettant aux développeurs d’inspecter le code des différents éléments créés en temps réel. Ils sont capables d’accéder au code CSS, iOS ou Android de chaque élément du fichier Figma pour assurer une meilleure intégration. Ils peuvent ainsi ajouter leurs commentaires pour leurs différentes demandes.

 

L’accès en temps réel au code source des différents éléments d’un design ou d’un prototype fonctionnel permet d’éviter les allers-retours supplémentaires et d’accélérer le processus de prototypage et de développement itératif.

 

 

L’intégration dans d’autres logiciels ou applications

Grâce à ses puissants API, il est possible d’intégrer les designs réalisés grâce à Figma dans d’autres logiciels ou applications.

 

Les entreprises peuvent utiliser cette fonctionnalité pour afficher l’avancement du design en temps réel dans leurs applications.

 

Cette fonctionnalité est extrêmement intéressante pour les agences UX Design où le Lead UX Designer ou le chef du projet peut suivre l’évolution du design de nombreux projets en temps réel. Cela assure une meilleure visibilité et une meilleure maîtrise du flux.

 

La création des Design Systems

 Le Design System devient une nécessité dans de nombreuses organisations qui ont besoin d’uniformiser leurs designs et de réutiliser les différents éléments visuels de manière à s’aligner sur une certaine vision ou des choix esthétiques. Ceci est d’autant plus vrai lorsqu’on cherche à uniformiser la charte graphique de toutes les interfaces, sites ou applications d’un même produit ou une même marque.

 

Figma permet de créer des Design Systems collaboratifs où tous les membres de l’équipe, qu’ils soient UX designers, UI designers, développeurs, chefs de produit ou Lead UX Designer peuvent contribuer et enrichir la bibliothèque avec des composants visuels (appelés symboles dans d’autres logiciels). Figma a choisi de les nommer composants parce qu’ils sont porteurs de leurs propres codes.

 

En fait, le Design System se compose de tous les éléments utilisés pour la création d’une application ou d’un site. Tous ces éléments sont classés en styles et en composants et référencés dans une seule bibliothèque unique.

 

Cette dernière est la référence à toute personne souhaitant collaborer sur le projet. Elle contient tous les composants, les styles et les éléments visuels réutilisables et personnalisables.

 

Finalement la création des Design Systems sur Figma est une puissante fonctionnalité qui permet aux équipes d’UX Design de collaborer en temps réel sur un même fichier et de créer une bibliothèque d’éléments réutilisables pour accélérer le processus de prototypage.

 

Créer un Design System Figma :

La création des prototypes interactifs

Figma est également connu pour sa capacité de créer des prototypes interactifs et personnalisés. Il permet d’ajouter des connexions entre les différentes interfaces et de créer des interactions pour des prototypes beaucoup plus immersifs que les différents outils d’UI Design.

Parmi les principales fonctionnalités qui font de Figma un excellent outil de prototypage, on cite :

  • L’ajout des connexions : la création des connexions entre les différentes interfaces d’une application ou d’un site permet de créer des prototypes cliquables et plus immersifs.
  • La création des interactions : en ajoutant des interactions aux différents éléments visuels au clic ou au hover permet de personnaliser au mieux l’expérience utilisateur.
  • Les transitions et les animations : ajouter des transitions et des animations entre les différentes interfaces de l’application ou du site permet de créer des expériences plus immersives.
  • La superposition des calques vous permet de personnaliser les différents niveaux de votre interface.
  • L’édition en temps réel du fichier Figma induit des modifications instantanées de votre prototype. Ceci permet d’effectuer les modifications demandées lors d’une présentation client ou d’une réunion UX. Les modifications prennent lieu instantanément pour un meilleur flux de travail.

 

Figma et la démocratisation de l’UI Design

Figma appartient à cette nouvelle génération d’outils qui démocratisent le design et la création des applications et des sites web. Grâce à une licence gratuite (limitée en nombre d’utilisateurs et en nombre de projets), à une interface utilisateur intuitive et une prise main facile et rapide, on peut facilement dire que Figma est accessible pour tout le monde.

On n’a plus besoin d’un super PC et d’un bon nombre de licences de logiciels de design pour commencer à concevoir. Figma vous permet de le faire avec seulement un ordinateur et une connexion internet. Sa légèreté le rend accessible sur tous les navigateurs web et sa portabilité le rend accessible de partout dans le monde.

Il semble qu’un tel logiciel lève tous les obstacles techniques que rencontre un UI designer ou toute personne souhaitant créer des interfaces digitales pour libérer leurs aptitudes créatives et leur permettre de se concentrer sur la création d’une agréable expérience utilisateur unique et mémorable.

 

Le mot de la fin

Figma a connu un grand succès depuis son lancement en 2016. L’outil a été récemment évalué à 2 milliards de dollars. Ce succès est dû aux caractéristiques de ce logiciel qui font de lui un vrai couteau suisse de l’UI Design. Il est utilisable par tout le monde en vue de créer des interfaces graphiques et des prototypes interactifs facilement. Avec l’implémentation régulière de nouvelles fonctionnalités, nous estimons que Figma changera la manière avec laquelle nous créons des interfaces digitales.

Si vous avez besoin de plus d’informations, n’hésitez pas à nous contacter.

Lire aussi :

Un projet ?

Vous avez besoin d'un accompagnement personnalisé pour le réaliser ?