Background color
Design
25
minutes
13 avr. 2023

Figma, challenger devenu numéro n°1 : comment ont-ils fait ?

Notre Product Designer Florian vous raconte comment Figma est devenu un outil incontournable dans le domaine du design et de la collaboration inter-métier.

Florian
Product Designer
Dans cet article

Depuis 2019, Figma est devenue la plateforme de conception collaborative la plus populaire, détrônant même les outils de conception qui ont dominé le marché pendant des années, tels que InVision, Zeplin et Sketch. Avec une part de marché de plus de 31%, Figma est le leader incontesté du marché, surpassant même les poids lourds de l'industrie comme Adobe XD et Sketch.

De plus, Figma a réussi à s'imposer dans des entreprises de toutes tailles, y compris des géants de l'industrie comme Microsoft, dont l'équipe de conception utilise l'outil de manière intensive. La popularité de Figma est telle qu'pour un montant de 20 milliards de dollars en espèces et en actions.

Aujourd’hui, Figma est donc le leader incontesté du marché de la conception collaborative.

Mais comment Figma a-t-il réussi à se faire une place dans un marché déjà très concurrentiel ?

Comment a-t-il réussi à convaincre les designers et les professionnels du produit de l'adopter ?

Dans cet article, nous allons explorer les raisons de la réussite de Figma et les clés de sa stratégie de développement. Nous allons voir comment Figma a su répondre aux besoins des utilisateurs, comment il a su tirer parti des réseaux sociaux et des blogs pour se faire connaître, et comment il a réussi à faciliter la collaboration inter-métier.

Nous allons également aborder les défis auxquels Figma doit faire face aujourd'hui, notamment face à l'arrivée de nouveaux concurrents et aux changements dans le monde du travail et du design. Enfin, nous allons nous interroger sur l'avenir de Figma et sur les évolutions possibles de l'outil dans les années à venir.

Les bonnes features au bon moment

Features everywhere

Parmi les fonctionnalités les plus marquantes de Figma, on peut citer :

🤝 Le mode de collaboration en temps réel

Figma a été l'un des premiers outils de conception à offrir des fonctions de collaboration, ce qui a été un argument de vente majeur pour les concepteurs qui travaillent souvent en équipe.

En outre, la plateforme de Figma, basée sur le cloud, permet de collaborer et de commenter en temps réel, ce qui facilite le travail à distance des designers. Les utilisateurs peuvent travailler sur un projet sans se soucier des problèmes de synchronisation ou de conflits de versions. Cela a permis aux équipes de design et de produit de travailler de manière plus efficace et plus collaborative.

Mais vous vous demandez peut-être : "Quelle est la différence entre Figma et InVision, qui offrait également des options de collaboration ?"

Eh bien, la différence principale réside dans le style de collaboration. Figma offre une expérience de collaboration riche et en temps réel dans la conception d'interface utilisateur, tandis qu'InVision favorise plutôt un flux de travail de conception isolé, avec des modifications apportées sur la base des commentaires. En d'autres termes, Figma est plus axé sur la collaboration en temps réel et InVision sur les commentaires.

👀 Un outil en ligne cross-device conçu pour le travail d’équipe à distance

Contrairement à Adobe XD et Sketch, qui ont longtemps nécessité un téléchargement et une installation sur chaque ordinateur, Figma peut être utilisé directement dans un navigateur web, sans installation depuis le début de son lancement.

Cela facilite grandement le processus de collaboration pour les équipes qui travaillent à distance ou qui ont des membres qui utilisent différentes plateformes.

De plus, les mises à jour sont automatiquement déployées, évitant ainsi les problèmes de compatibilité entre les différentes versions. Cette flexibilité a été un élément clé de la popularité de Figma, surtout pendant la pandémie de Covid-19 qui a accentué le besoin de travailler à distance.

🚀 La fonctionnalité de prototypage interactif

Figma permet de créer des maquettes interactives et de tester les interactions entre les différents éléments d'une interface. Cette fonctionnalité était déjà présente dans Sketch et Adobe XD, mais Figma a su se distinguer en proposant un outil particulièrement performant et facile à utiliser.

En effet, Figma permet de créer des prototypes interactifs en utilisant des animations plus avancées que celles proposées par Sketch ou Adobe XD. Les transitions sont plus fluides et plus précises grâce à la fonctionnalité courbe de Bézier qui permet de créer des interactions plus sophistiquées.

Ensuite, Figma permet de créer des interactions avancées, telles que des menus déroulants, des carrousels et des animations de chargement, qui ne sont pas disponibles dans Sketch ou Adobe XD.

📚 La bibliothèque de composants

La bibliothèque - plus particulièrement le partage de librairie - est un point crucial qui différencie Figma de ses concurrents.

Dans Sketch et Adobe XD, les bibliothèques de composants étaient principalement destinées à la réutilisation de composants au sein d'un même fichier de conception. Cela signifie que, si vous aviez plusieurs fichiers de conception, vous deviez copier-coller les composants ou les recréer à partir de zéro.

A contrario, Figma a conçu sa bibliothèque de manière à ce qu'elle puisse être partagée et utilisée dans différents fichiers de conception, ce qui facilite grandement le travail des designers sur de grands projets ou pour une équipe travaillant sur plusieurs projets.

De plus, la bibliothèque de Figma offre également une meilleure organisation des composants grâce à la possibilité de créer des catégories personnalisées et de rechercher facilement des composants spécifiques.

🕊️ La migration en douceur

Figma a également su adapter son outil aux nouveaux usages du design, en proposant par exemple la possibilité de récupérer des designs depuis Sketch et les réutiliser dans Figma. Cette intégration permet de faciliter la transition des designers vers Figma et de favoriser la collaboration inter-métier.

Enfin, Figma a su répondre aux besoins des designers en proposant des fonctionnalités de gestion de version, de commentaires et de permissions avancées, qui permettent de travailler en équipe de manière plus efficace et plus sereine.

En sortant les bonnes features au bon moment, Figma a su convaincre les utilisateurs de l'adopter et de faire de l'outil un incontournable du design et du produit.

Une communication efficace

Communication

Figma a réussi à se faire une place dans le paysage du design grâce à une stratégie de communication bien pensée et à une bonne compréhension des besoins de ses utilisateurs potentiels. Les fondateurs ont su cibler les bonnes audiences et les communautés de designers pour se faire remarquer.

Tout d'abord, Figma a choisi de se concentrer sur une communication à travers les réseaux sociaux et les blogs pour toucher un public de designers avides de conseils et d'astuces en matière de conception. Les fondateurs ont régulièrement publié des articles de blog sur des sujets qui intéressaient les designers, et ont partagé des astuces et des tutoriels pour montrer tout ce qu'il était possible de faire avec Figma. Ils ont également investi dans des publicités ciblées sur les réseaux sociaux, comme Instagram et Twitter, pour toucher un public plus large.

Ensuite, Figma a lancé une série de webinaires pour présenter les fonctionnalités clés de l'outil aux designers. Ces webinaires ont permis à Figma de se faire connaître auprès d'une audience plus large et de montrer comment l'outil pouvait simplifier le processus de conception. Figma a également organisé des événements et des hackathons pour attirer des designers et pour promouvoir la collaboration inter-métier.

Enfin, Figma a travaillé en étroite collaboration avec des marques de renom pour montrer comment leur outil pouvait être utilisé dans des projets réels. Cela a permis à Figma de gagner en crédibilité auprès des professionnels du design et de convaincre les utilisateurs de l'adopter.

L'impact de ces campagnes marketing sur la notoriété et l'adoption de Figma a été significatif. Le nombre d'utilisateurs de Figma a rapidement augmenté, passant de quelques milliers à plusieurs millions en seulement quelques années. Les designers ont été séduits par la facilité d'utilisation de l'outil, sa flexibilité et ses fonctionnalités de collaboration en temps réel.

Mais la stratégie de communication de Figma ne se limite pas uniquement à la promotion de ses fonctionnalités innovantes. Elle s'appuie également sur un aspect communautaire important, qui permet aux utilisateurs de partager des ressources, tels que des bibliothèques de composants et des plugins.

Figma a compris que les designers ne travaillent pas en vase clos et que la collaboration est essentielle pour améliorer les processus de travail. Ainsi, la plateforme propose des fonctionnalités permettant aux utilisateurs de partager et de collaborer sur des projets, mais également de partager des bibliothèques de composants et des plugins avec la communauté. La bibliothèque de composants de Figma est particulièrement riche, offrant aux designers un large choix de composants réutilisables pour accélérer leur travail.

La communauté active de Figma contribue également à l'évolution de la plateforme en développant des plugins et des widgets qui enrichissent l'expérience utilisateur. Ces plugins permettent d'ajouter des fonctionnalités supplémentaires à l'outil, améliorant ainsi la productivité des utilisateurs.

Tout cela crée une boucle de feedbacks positive, où, plus Figma communique et donne de la place à la communauté, plus la communauté est active, ce qui conduit à plus de plugins, plus de ressources partagées, et donc à une communauté plus importante et plus fidèle.

La compréhension des besoins des utilisateurs

Figma s'est imposé comme un outil de référence grâce à sa capacité à répondre aux besoins spécifiques des utilisateurs. Pour ce faire, l'entreprise a mis en place une méthode de développement centrée sur l'utilisateur.

Cette approche consiste à placer l'utilisateur au centre du processus de développement. Pour cela, Figma utilise un système de feedback.

Voici quelques méthodes de recueil de besoins utilisateur utilisées par Figma :

  • Version bêta publique : Figma a lancé une version bêta publique pour permettre aux utilisateurs de tester l'outil et de donner leur avis.
  • Commentaires et suggestions : Les utilisateurs peuvent soumettre des commentaires et des suggestions directement depuis l'interface de Figma.
  • Événements communautaires : Figma organise régulièrement des événements communautaires pour rencontrer les utilisateurs et recueillir leurs commentaires.
  • Interviews utilisateurs : L'équipe de Figma mène des entretiens avec des utilisateurs pour comprendre leurs besoins et leurs processus de travail.
  • Enquêtes en ligne : Figma utilise des enquêtes en ligne pour recueillir des commentaires sur des fonctionnalités spécifiques ou pour mieux comprendre les besoins des utilisateurs.
  • Analyse des données d'utilisation : Figma utilise des outils d'analyse pour suivre l'utilisation de l'outil par les utilisateurs et comprendre comment ils interagissent avec les fonctionnalités existantes.

Ainsi, par exemple, la fonctionnalité Properties sur les composants a été ajoutée à Figma en version bêta en 2020. Cette fonctionnalité permet de réduire la taille d’un UI KIT, notamment grâce à l’optimisation des composants à travers la mise en place de propriétés booléennes.

Cependant, même si cette fonctionnalité était très demandée par les utilisateurs, l'équipe de développement de Figma a pris le temps de la peaufiner avant de l'intégrer officiellement à l'outil. Ils ont ainsi travaillé en étroite collaboration avec la communauté des utilisateurs de Figma, en leur proposant de tester la fonctionnalité et en collectant leurs retours et commentaires.

L'une des raisons pour lesquelles Properties est restée en béta pendant près d'un an, est que Figma voulait s'assurer que la fonctionnalité était suffisamment robuste et stable avant de la lancer. En effet, les utilisateurs de Figma comptent sur cet outil pour leur travail quotidien, et Figma ne voulait pas prendre le risque de lancer une fonctionnalité qui pourrait causer des problèmes ou des incompatibilités.

Le fait que Figma ait pris le temps d'écouter les besoins de ses utilisateurs et de travailler en étroite collaboration avec eux pour peaufiner la fonctionnalité Properties montre clairement que l'outil est à l'écoute de sa communauté et de leurs besoins. Cela contribue à renforcer la confiance et la fidélité des utilisateurs envers l'outil, et montre que Figma est une entreprise qui prend très au sérieux l'expérience utilisateur.

Figma a également mis en place des users tests pour valider les choix de développement et s'assurer que les fonctionnalités répondaient réellement aux besoins des utilisateurs.

En somme, la méthode de développement centrée sur l'utilisateur a été l'un des éléments clés de la réussite de Figma. Cette approche a permis de développer un outil qui répond aux besoins spécifiques des utilisateurs, ce qui explique en partie l'adoption massive de Figma par la communauté du design et du développement.

La priorisation efficace

La priorisation des fonctionnalités à développer est un élément crucial pour le succès d'un produit. Figma a réussi à se démarquer de ses concurrents grâce à sa capacité à choisir les bonnes fonctionnalités à développer en priorité.

Pour y parvenir, Figma a adopté une méthode de priorisation basée sur la valeur ajoutée pour les utilisateurs et la faisabilité technique. Cette méthode a permis à l'équipe de développement de se concentrer sur les fonctionnalités qui offraient le plus de bénéfices pour les utilisateurs tout en étant réalisables techniquement.

Figma a également pris en compte les feedbacks des utilisateurs pour évaluer l'importance de chaque fonctionnalité. Cela a permis à l'équipe de se concentrer sur les demandes les plus fréquentes et les plus importantes pour les utilisateurs.Un exemple concret de la priorisation de fonctionnalités par Figma est leur décision de mettre en place la fonctionnalité de "Smart Animate". Cette fonctionnalité permet aux designers de créer des animations fluides et interactives dans leurs prototypes sans avoir à utiliser des outils tiers.

Figma a pris cette décision après avoir recueilli des commentaires de ses utilisateurs et constaté que de nombreux designers avaient des difficultés à créer des animations fluides dans leurs prototypes. Ils ont alors travaillé sur cette fonctionnalité et l'ont finalement mise en place en avril 2020.

Cette décision a été payante, car depuis la mise en place de Smart Animate, Figma a vu une augmentation significative de l'utilisation de cette fonctionnalité. En effet, selon les statistiques de Figma, plus de 60% des prototypes créés avec Figma utilisent maintenant Smart Animate. Cette fonctionnalité a donc permis à Figma de se démarquer de ses concurrents et de mieux répondre aux besoins de ses utilisateurs.

Enfin, Figma a également pris en compte les évolutions du marché et des technologies pour anticiper les besoins futurs. Cette anticipation a permis à Figma de proposer des fonctionnalités innovantes et utiles pour les designers, tout en se démarquant de ses concurrents.

En résumé, la priorisation efficace des fonctionnalités a été un élément clé du succès de Figma. La méthode de priorisation basée sur la valeur ajoutée pour les utilisateurs et la faisabilité technique, combinée aux feedbacks des utilisateurs et à une anticipation des évolutions du marché, ont permis à Figma de proposer des fonctionnalités adaptées aux besoins des utilisateurs et de se démarquer de ses concurrents.

Les expertises croisées

Figma a réussi à mobiliser des compétences variées pour développer son produit. En effet, la conception d'un outil de design et de prototypage nécessite l'expertise de plusieurs métiers : designers, développeurs, ingénieurs en UX, etc. Figma a donc mis en place une organisation transversale pour permettre une collaboration fluide entre ces différents professionnels.

Cette approche a permis de nombreuses collaborations inter-métier, qui ont donné la possibilité d'améliorer l'expérience utilisateur et de renforcer la proposition de valeur de Figma. Par exemple, les designers travaillent en étroite collaboration avec les ingénieurs pour développer de nouvelles fonctionnalités, tandis que les ingénieurs en UX apportent leur expertise pour améliorer la fluidité et la simplicité d'utilisation de l'outil.

Un exemple de collaboration inter-métier réussie est la création de la fonctionnalité "Plugins" de Figma. Cette fonctionnalité permet aux utilisateurs d'étendre les fonctionnalités de Figma grâce à des plugins créés par des développeurs tiers. La création de cette fonctionnalité a nécessité une collaboration étroite entre les équipes de développement, de design et de marketing de Figma, ainsi que des développeurs tiers pour créer et maintenir les plugins.

Mais ce n’est pas tout, Figma a aussi su créer un pont entre le travail des designers et celui des développeurs en se basant sur un workflow dev-friendly. En proposant des fonctionnalités telles que l'auto layout et les contraintes, l’entreprise a permis aux développeurs d’intégrer plus efficacement les maquettes des designers. De plus, Figma dispose d'un onglet "Inspect" dédié aux développeurs qui permet de traduire les maquettes en code.

En mobilisant les compétences variées de ses équipes, Figma a réussi à développer un outil de design et de prototypage complet et innovant, qui répond aux besoins des utilisateurs et se distingue de ses concurrents.

Les enjeux futurs de Figma

Figma doit continuer à se développer s’il veut pouvoir maintenir sa place de leader sur le marché du design et du produit. Avec l'évolution constante des besoins et des attentes des utilisateurs, il est essentiel que l’entreprise continue à innover et à proposer des fonctionnalités toujours plus pertinentes et utiles.

En effet de nombreux concurrents ont récemment vu le jour et tentent de répliquer l’ensemble des features de figma en proposant des tarifs moins élevés tels que :

Un autre défi que Figma doit relever, est de maintenir sa qualité et sa convivialité, tout en continuant à proposer de nouvelles fonctionnalités. Il est essentiel que les utilisateurs puissent utiliser la plateforme de manière intuitive et facilement accessible, sinon cela pourrait les amener à chercher des alternatives plus simples à utiliser. Avec l'acquisition récente de Figma par Adobe, il est important que l'entreprise continue à travailler de manière indépendante et à développer sa propre identité. La fusion de deux géants du design offre une opportunité intéressante, mais Figma doit rester fidèle à sa vision et à sa mission de fournir une plateforme de conception collaborative de qualité supérieure

L'une des évolutions possibles pour Figma dans les années à venir est l'intégration de l'intelligence artificielle (IA) dans sa plateforme.

L'IA pourrait être utilisée pour aider les concepteurs à automatiser certaines tâches répétitives, telles que la création de symboles et la mise en page de conceptions. Elle pourrait également être utilisée pour aider les concepteurs à prendre des décisions plus éclairées en matière de conception, en analysant les données d'utilisation et en fournissant des recommandations de conception basées sur ces données. Par exemple, l'IA pourrait aider les concepteurs à identifier les modèles de comportement des utilisateurs et à recommander des mises en page et des fonctionnalités en conséquence.

De plus, l'IA pourrait également être utilisée pour aider les équipes de conception à mieux collaborer. Les algorithmes d'apprentissage automatique pourraient aider à identifier les domaines de conflit potentiels et à suggérer des solutions pour résoudre ces problèmes avant qu'ils ne deviennent des problèmes majeurs.

Enfin, l'IA pourrait également aider à améliorer l'expérience utilisateur dans Figma en fournissant des suggestions de conception personnalisées pour chaque utilisateur en fonction de ses préférences et de ses comportements passés.

Cependant, l'intégration de l'IA dans la plateforme de Figma soulève également des questions éthiques et de confidentialité des données. Il est essentiel que Figma mette en place des protocoles stricts pour garantir que les données des utilisateurs sont protégées et que les algorithmes utilisés sont transparents et équitables.

En somme, l'intégration de l'IA dans la plateforme de Figma peut offrir des avantages considérables pour les concepteurs et les équipes de conception, mais il est important que cela soit fait avec prudence et transparence.

Conclusion

En conclusion, Figma a connu une réussite fulgurante dans le monde du design et du produit grâce à une combinaison de facteurs clés. La société a su sortir les bonnes features au bon moment, communiquer efficacement sur son produit, comprendre les besoins des utilisateurs et bien prioriser les fonctionnalités à développer. En outre, elle a mobilisé des compétences variées pour améliorer l'expérience utilisateur de son produit.

En analysant chacun de ces facteurs de succès, on peut constater que Figma a mis en place une stratégie de développement centrée sur l'utilisateur. L'entreprise a compris dès le départ l'importance de comprendre les besoins des utilisateurs pour proposer des fonctionnalités utiles et pertinentes. Elle a également mobilisé des compétences variées pour travailler sur son produit et améliorer son expérience utilisateur.

En fin de compte, la réussite de Figma est une leçon importante pour les entreprises de toutes tailles et de tous secteurs. En se concentrant sur les besoins des utilisateurs, en mobilisant des compétences variées et en travaillant de manière collaborative, les entreprises peuvent créer des produits qui répondent vraiment aux attentes de leurs clients. C'est cette approche qui permet à Figma de se distinguer de ses concurrents et de rester un leader sur le marché du design et du produit.

Parlons produit

Échangeons sur votre produit

Nous croyons en un nouveau modèle de consulting où l’excellence commence par l’écoute, le partage et une vraie vision

background color