9 meilleures leçons de produits, de conception et de démarrage de Figma

La plupart des gens pensent que les outils de conception consistent à pousser les pixels. Ils ne sont pas.

Le véritable défi en matière de design n'est pas de créer de jolies maquettes. C'est de la collaboration. Il s'agit de mettre votre équipe sur la même longueur d'onde sans vouloir s'étrangler dans le processus.

Penses-y:

Combien de fois avez-vous envoyé par e-mail un fichier nommé « final_v2_FINAL_for_real_this_time.psd » ?

À quelle fréquence jouez-vous à des fouilles archéologiques sur votre disque dur, à la recherche de cette maquette cruciale ?

C'est de la folie. Et pendant des années, nous l’avons simplement accepté comme le prix à payer pour faire des affaires.

Entrez dans Figma.

Figma a examiné ce gâchis et a posé une question simple : et si les outils de conception se souciaient réellement de la façon dont les concepteurs travaillent ?

Avec le recul, cela semble évident. Mais c’est le problème des bonnes idées : c’est toujours le cas.

L'approche de Figma a été si efficace qu'elle est passée d'une startup inconnue à un objectif d'acquisition de 20 milliards de dollars en un clin d'œil.

Comment ont-ils réussi ?

En résolvant de vrais problèmes.

Ils n’ont pas seulement créé un plus joli clone de Photoshop. Ils ont réinventé l'ensemble du flux de travail. Ils ont rendu la collaboration aussi simple que respirer. Ils ont transformé le design en un jeu multijoueur.

Le succès de Figma ne réside pas seulement dans les outils de conception. Il s'agit d'une masterclass sur le développement de produits et la croissance des startups.

Dans les prochaines minutes, nous allons détailler les 9 leçons clés du voyage de Figma.

Vous êtes sur le point de suivre un cours intensif pour transformer les maux de tête des utilisateurs en opportunités d'un milliard de dollars.

Le voyage de Figma

Source de l'image : The San Francisco Standard

Nous sommes en 2012, et deux jeunes gens courageux, Dylan Field et Evan Wallace, décident de révolutionner le design ( source ).

Fin 2015 , Figma est enfin prêt à se dévoiler au monde entier. Mais le plus surprenant, c'est qu'ils n'ont pas attendu la perfection.

Non, ces fous ont plutôt opté pour le buzz.

• J'ai lancé leur version bêta là-bas.
• Laissez les nerds de la technologie s’en occuper.
• Un geste culotté ? Tu paries. Mais cela a payé.

Action clé : Lancement de « Trois choses » – non, pas un jeu à boire bizarre, mais une façon de construire leur culture d'entreprise.

Source de l'image : Communauté Figma

En 2016, Figma était en feu.

Ils ont fait appel à leur premier défenseur du design et ont commencé à organiser des batailles de design. « Pixel Pong », ils l'appelaient.

Puis vint la poussée de la communauté :

• Ouverture de la publication et du remix de fichiers.
• Création d'un écosystème de type GitHub pour les designers.
• Le résultat? 87 % des nouveaux arrivants ont rejoint via des invitations d'amis (source).

Mais Figma n’avait pas terminé. Ils ont examiné le code et la conception et ont dit : « Pourquoi pas les deux ?

Nouveaux ajouts:

1. Plugins
2. FigJam (tableau blanc collaboratif, pourquoi pas ?)

Du coup, ils n’étaient plus seulement un outil de conception. C’était tout un foutu écosystème.

Les gens de l’argent l’ont remarqué :

• 2019 : Accroché 83 millions de dollars dans le financement.
• 2021 : ça vaut le coup 10 milliards de dollars.

Puis, en septembre 2022, Adobe a frappé à la porte avec une offre de 20 milliards de dollars. Eh oui, le géant historique du design a décidé que si on ne pouvait pas les battre, il fallait les racheter ( source ).

Juste comme ça, Figma est passé d’opprimé à meilleur chien.

Si cela vous a enthousiasmé, voyons maintenant ce que nous pouvons apprendre du succès de Figma.

1. Donner la priorité à la conception centrée sur l'utilisateur

Figma n'a pas seulement créé un meilleur outil de conception. Ils ont réinventé ce que pourrait être un outil de conception en étant obsédés par une seule chose : l’utilisateur.

Prenez leur fonctionnalité de collaboration en temps réel. Figma ne l'a pas simplement ajouté parce que ça avait l'air cool.

Ils l'ont ajouté parce qu'ils regardaient les concepteurs travailler et voyaient combien de temps était perdu à envoyer et revenir des fichiers.

Mais c’est ici que cela devient intéressant. Figma n'a pas seulement résolu des problèmes évidents. Ils ont remis en question les hypothèses sur la façon dont les outils de conception devraient fonctionner.

• Pourquoi les fichiers de conception devraient-ils rester bloqués sur l'ordinateur d'une seule personne ?
• Pourquoi toute l’équipe ne peut-elle pas travailler sur le même dossier en même temps ?
• Pourquoi les développeurs devraient-ils attendre que les concepteurs exportent leurs ressources ?

Ces questions ont conduit à l'approche basée sur un navigateur de Figma et à l'accent mis sur une collaboration transparente.

Il ne s’agissait pas seulement de créer un meilleur outil. Il s’agissait d’améliorer l’ensemble du processus de conception.

Alors demandez-vous :

Construisez-vous vraiment pour vos utilisateurs ? Ou construisez-vous pour vous-même ?

La réponse à cette question pourrait bien déterminer si vous deviendrez le prochain Figma ou simplement une autre startup oubliée.

2. Favoriser une culture de conception collaborative

La plupart des gens pensent qu’un bon design vient de génies solitaires qui dessinent isolément. Ce n'est pas le cas.

Les meilleures conceptions émergent de processus collaboratifs compliqués.

Il suffit de regarder Figma. Ils ont construit toute leur plateforme autour de l'idée que le design est un sport d'équipe.

Ils ont rendu la collaboration en temps réel très simple. Plusieurs concepteurs peuvent travailler simultanément sur le même fichier. C'est comme Google Docs, mais pour le design.

Lorsque les concepteurs peuvent s’affronter en temps réel, la magie opère. Les idées évoluent plus vite. Les retours sont immédiats. L’ensemble du processus de conception s’accélère.

Mais Figma ne s'est pas arrêté là. Ils ont réalisé que les outils de conception formels peuvent être intimidants pour les non-concepteurs.

Ils ont donc créé FigJam, un tableau blanc numérique pour une collaboration précoce. C'est comme le dos d'une serviette, mais en mieux.

Figma ne fournit pas seulement des outils. Ils ont réfléchi en profondeur aux comportements qui favorisent une collaboration efficace.

Ils ont identifié cinq comportements clés :

• co-création
• rapport
• clarté du rôle
• Réactions
• et réflexion.

C’est là que la plupart des entreprises se trompent. Ils se concentrent sur les outils et les processus, oubliant que la collaboration concerne fondamentalement les personnes.

Figma comprend.

Vous voulez une preuve?

Regardez des entreprises comme Patagonia et Spotify. Ils ont adopté les outils et pratiques de Figma et transformé leurs processus de conception.

Patagonia intègre les discussions de conception dans les flux de travail quotidiens.

Source de l'image : Figma

Spotify a considérablement accéléré ses itérations de produits.

Source de l'image : Spotify Design

HP a brisé les silos entre la conception et le développement.

Source de l'image : Figma

Voici donc quelque chose qui mérite d'être ramené à la maison :

Dans les startups, comme dans le design, les meilleures idées se concrétisent rarement. Ils émergent grâce à l’itération, à la collaboration et à la volonté de remettre en question les hypothèses.

3. Adoptez une approche itérative et basée sur les données

La plupart des entreprises parlent d’être axées sur les données.

Figma le fait réellement.

Et pas de la manière timide que l’on voit souvent, où les données ne sont qu’un mot à la mode lancé lors des réunions.

Non, l'ensemble du processus de développement de produits Figma est construit autour de l'itération et des données.

Ils collectent deux types de données :

1. fonctionnel
2. et analytique.

Les données fonctionnelles constituent les éléments de base dont ils ont besoin pour exécuter le service. Mais la vraie magie réside dans les données analytiques.

L'équipe de science des données de Figma ne se contente pas d'analyser les chiffres de manière isolée. Ils sont intégrés au processus de développement de produits.

Prenez leur modale de partage, par exemple. C'est ce que vous utilisez pour inviter d'autres personnes ou publier dans la communauté.

La plupart des entreprises se contenteraient de concevoir le produit selon leur propre jugement. Pas Figma. Ils ont mené des expériences, testé différentes versions et analysé les résultats. C'est comme un test A/B ultra-performant.

Source de l'image : Figma Learn

Mais c'est là que ça devient vraiment intéressant : leur travail sur les commentaires.

Pendant deux ans, ils ont mené une série d’expériences. Ils ont commencé modestement, en testant des hypothèses. Au fur et à mesure qu’ils apprenaient, ils se sont développés.

Le résultat?

Un lancement de produit majeur qui a triplé l’utilisation parmi les employés de Figma et a impliqué davantage les non-concepteurs.

Source de l'image : Figma

La vraie leçon de Figma n’est pas seulement « d’utiliser les données ». Il s'agit de « créer une culture dans laquelle les données, la conception et les produits parlent tous le même langage ».

4. Tirer parti de l'engagement de la communauté pour la croissance des produits

La plupart des startups se lancent avec un produit fini. Figma a lancé une conversation.

Ils ont contacté des concepteurs dans des endroits comme Microsoft avant même d'avoir un produit raffiné.

Pensez-y.

Comment la plupart des entreprises abordent-elles le développement de produits ?

Ils devinent ce que veulent les utilisateurs, le construisent et prient.

Figma a renversé la situation. Ils ont dit : « Ne devinons pas. Demandons."

Mais ils ne se sont pas arrêtés là. Figma a transformé sa base d'utilisateurs en une armée de développement de produits.

Ils ont introduit une fonctionnalité de partage de modèles qui permet aux utilisateurs de présenter leur travail. Chaque modèle partagé est devenu une masterclass. Chaque utilisateur est devenu un enseignant potentiel.

Ensuite, ils ont lancé les « Amis de Figma », des groupes d'utilisateurs locaux qui se sont rencontrés en personne. À l’ère du tout numérique, Figma est passé à l’analogique.

Source de l'image : Friends of Figma

La prochaine fois que vous planifierez votre stratégie produit, demandez-vous : « Est-ce que je crée simplement des fonctionnalités ou est-ce que je crée une communauté ?

Parce que si Figma nous a appris quelque chose, c'est que la communauté pourrait bien être la caractéristique la plus importante de toutes.

5. Équilibrer l’innovation avec l’accessibilité et la facilité d’utilisation

La vraie magie se produit lorsque vous créez quelque chose à la fois avant-gardiste et facile à utiliser. C'est ce que fait Figma, et c'est l'une des principales raisons de son succès.

Leur fonctionnalité de collaboration en temps réel en est un parfait exemple.

C'est innovant, bien sûr. Mais c’est aussi très simple.

Il y a plus d’un milliard de personnes dans le monde souffrant d’une forme de handicap. Il s’agit d’un marché énorme que la plupart des entreprises ignorent. Figma a vu une opportunité tandis que d'autres ont vu un défi.

Source de l'image : Figma

Ils ont créé des fonctionnalités telles que des outils robustes de navigation au clavier et de contraste des couleurs.

Mais la chose la plus impressionnante à propos de Figma est peut-être la façon dont ils ont rendu la complexité accessible.

Utiliser Figma pour la première fois, c'est comme prendre un crayon. Cela fonctionne. Pourtant, sous le capot, il est incroyablement puissant.

Cet équilibre – entre puissance et simplicité, innovation et accessibilité – voilà la sauce secrète. C'est une leçon que chaque startup devrait apprendre.

6. Tirez parti de l'IA et de l'automatisation pour améliorer les capacités de conception

L'IA ne change pas seulement la conception ; c'est redéfinir ce que signifie être designer. Et c’est surtout une bonne chose.

Figma comprend cela. C'est pourquoi ils ont lancé Figma AI.

Figma AI peut générer des maquettes de conception et du contenu en fonction d'invites.

Maintenant, avant de commencer à paniquer à l’idée que l’IA prenne votre travail, respirez. Ce n'est pas le sujet ici.

Le fait est que Figma a reconnu quelque chose de fondamental : les designers sont à leur meilleur lorsqu'ils conçoivent. Ne pas organiser de fichiers ni rechercher d'actifs.

Et c'est la leçon numéro un de Figma : identifiez les tâches qui ralentissent vos utilisateurs, puis automatisez-les impitoyablement.

Mais Figma ne s'est pas arrêté là. Ils ont examiné l’ensemble du processus de conception et se sont demandé : « Comment l’IA peut-elle améliorer cela ? »

C'est ainsi que nous avons obtenu des outils de collaboration basés sur l'IA et des informations sur l'accessibilité.

Deuxième leçon : ne vous contentez pas d'automatiser les tâches. Utilisez l’IA pour améliorer l’ensemble du flux de travail.

Chaque fonctionnalité d'IA introduite par Figma vise à donner aux concepteurs plus de temps et d'outils pour être créatifs. Il s’agit d’élever le rôle du designer, et non de le diminuer.

Et c'est la dernière leçon : utilisez l'IA pour augmenter les capacités de vos utilisateurs, pas pour les remplacer.

7. Construisez une marque forte et évangélisez le produit

À quand remonte la dernière fois que vous avez vu des concepteurs s’enthousiasmer pour une mise à jour logicielle ?

Pour la plupart des outils, les mises à jour suscitent des gémissements. Pour Figma, ils sont accueillis par des tweets, des articles de blog et des high-fives virtuels.

Figma a invité des designers. Ils ont fait une démonstration de produits inachevés. Ils ont demandé des commentaires brutaux. Ils ont donné aux concepteurs le sentiment de faire partie de quelque chose de plus grand qu'une simple application.

Figma a compris quelque chose que la plupart des startups ignorent : vos premiers utilisateurs ne sont pas seulement des clients. Ils sont votre équipe marketing, vos chefs de produit et vos futurs employés.

Prenons l’exemple de Brent, le premier défenseur du design chez Figma ( source ).

Il a commencé comme utilisateur, s'est laissé entraîner dans ces événements insolites et a fini par façonner l'ensemble de la stratégie communautaire de l'entreprise. Ce n'est pas de la chance. C'est une brillante création de marque.

Lorsque Dropbox ou Twitter expliquaient comment Figma avait modifié leur processus de conception, il ne s'agissait pas simplement d'un témoignage. C’était un modèle que d’autres équipes pourraient suivre.

8. Naviguer dans la collecte de fonds et faire évoluer l'entreprise

La plupart des gens pensent qu’il faut des revenus pour collecter des fonds. Figma leur a prouvé le contraire.

Ils ont levé 17.8 millions de dollars avant même de gagner un seul centime. 3.8 millions de dollars en levée de fonds d'amorçage, 14 millions de dollars en série A, le tout avant les revenus ( source ).

Cela va à l’encontre de la sagesse conventionnelle des startups. « Montrez-moi l’argent », disent généralement les investisseurs.

C'est comme vendre des billets pour un film qui n'a pas encore été tourné. Il vous faut une sacrée remorque.

La bande-annonce de Figma était leur produit. Ils ont passé des années à le perfectionner avant même de penser à la monétisation. De 2012 à 2016, il s’agissait uniquement de produits, sans profit.

En 2017, les paiements ont commencé à affluer. 700,000 2021 $ cette année-là. D’ici 210, XNUMX millions de dollars. Ce n'est pas de la croissance. C'est une fusée.

Source de l'image : LinkedIn

Comment ont-ils fait ?

Deux mots : modèle freemium.

Laissez les gens jouer avec votre jouet gratuitement, puis chargez-les lorsqu'ils souhaitent la version de luxe.

9. Maintenir une culture d'entreprise solide à mesure que l'équipe s'agrandit

Les fondateurs de Figma, Dylan Field et Evan Wallace, ont dès le départ fait de la culture une priorité absolue.

Ils ont défini leurs valeurs fondamentales – serviables, humbles, affamés – et les ont ensuite vécues. Vraiment vécu par eux.

Figma a doublé sa culture à mesure de son évolution.

Ils ont créé un programme d'intégration robuste pour immerger les nouvelles recrues à la manière Figma. Ils ont formé les gens sur la manière de donner et de recevoir du feedback et sur la manière de résoudre les conflits.

Ils ont créé de nouveaux programmes comme le mentorat au fur et à mesure de leur évolution. Ils ont constamment interrogé les employés pour obtenir des commentaires sur la culture et ont ensuite – comprenez-le – apporté des changements en fonction de ces commentaires.

La prochaine fois que vous entendrez un fondateur dire qu'il se concentrera sur la culture « une fois qu'il aura évolué », demandez-lui ceci : attendriez-vous que votre produit rencontre du succès avant de commencer à vous soucier de sa qualité ?

Quand les outils deviennent des mouvements

Vous vous souvenez de l'époque où Google faisait en sorte que la recherche ne soit pas nulle ?

Ou quand Airbnb a rendu les voyages locaux ?

C'est ce que Figma a fait pour le design.

C'est comme ce vieux dicton sur l'écriture :

"Une lecture facile est sacrément difficile à écrire."

Figma a rendu la conception complexe facile. C'est dur.

Maintenant, vous pensez peut-être : « Super, mais je ne construis pas d'outil de conception. »

Ça n'a pas d'importance.

Les principes sont les mêmes, que vous construisiez le prochain Figma ou une meilleure souricière.

Le parcours de Figma, d'une idée folle à un objectif d'acquisition de 20 milliards de dollars, n'est pas qu'un conte de fées de la Silicon Valley. C'est un plan.

Alors la prochaine fois que vous vous pencherez sur votre ordinateur portable pour essayer de déterminer votre MVP, rappelez-vous :

Vous ne construisez pas simplement un produit. Vous façonnez la façon dont les gens travaillent, créent et collaborent.

Faites les choses correctement et vous pourriez bien changer le monde.

Ou du moins, rendez-le un peu plus joli.