Naviguer jusqu'au contenu principal

Des silos à la rapidité : comment Plaid a unifié la conception des produits et de la marque dans Figma

Plaid a été un pionnier des services bancaires ouverts aux États-Unis, permettant aux clients de connecter en toute sécurité leurs comptes financiers aux applications qu'ils utilisent tous les jours. Si vous avez envoyé de l'argent sur Venmo, acheté des cryptomonnaies sur Coinbase ou vérifié vos investissements dans Robinhood, Plaid a contribué à rendre cela possible.

Système visuel distinctif de Plaid inspiré du guillochis

Une mission ambitieuse : offrir la liberté financière à chaque client. À cette fin, Plaid utilise une plateforme qui prend en charge plus de 12 000 institutions financières et pilote plus de 8 000 services financiers numériques, permettant aux utilisateurs de connecter facilement et en toute sécurité leurs comptes à leurs services fintech. Opérant dans un espace hautement réglementé, Plaid est fier de progresser rapidement tout en conservant la confiance et la sécurité que l'innovation financière exige.

Interface du site web de Plaid avant le changement de marque

Plaid avait besoin d'adapter son design system pour créer des designs plus cohérents et évolutifs dans un écosystème de produits croissant et de plus en plus complexe. Le changement de marque a été le bon moment pour prendre du recul et optimiser cette assise. Figma Entreprise a offert aux équipes produit, marque et design system un espace partagé pour une collaboration transverse.

Disposer d'un espace commun où nous pouvons tous partager des idées ensemble est tellement important. Avec Figma, c'est vraiment facile et possible.

Chris Warner, responsable créatif, Plaid

Défi : un langage visuel fragmenté à travers les nouveaux produits

La croissance de Plaid s'est accompagnée de nouveaux produits et d'un défi de taille : rester visuellement cohérent. Le travail était réparti sur des plateformes de conception, des logiciels de prototypage, des documents et des tableaux blancs, chacun contenant une partie différente du processus.

Pour l'équipe de la marque, maintenir le flux créatif était encore plus difficile. Elle a rédigé et examiné des mémos dans Google Docs, puis les a transmis à l'équipe design. Le travail est passé de la documentation à la conception puis à la livraison des actifs dans un processus linéaire cloisonné. Cette approche de type « tapis roulant » a séparé la stratégie de l'exécution, rendant difficile le maintien de la dynamique.

Threads, le système de conception de Plaid, a ajouté une autre couche de complexité. Parce que plusieurs équipes possédaient des variantes de composants légèrement différentes, même des changements mineurs nécessitaient une coordination entre plusieurs bibliothèques dépendantes.

Le changement de marque a donné à Plaid l'impulsion nécessaire pour repenser la manière d'unifier l'équipe autour d'un langage de conception commun. « Notre fondateur tenait vraiment à ce que ce changement de marque réussisse », déclare Christophe Tauziet, responsable du design chez Plaid. « Mais pour cela, il nous fallait un moyen plus rapide et plus collaboratif d'intégrer tout le monde dans le processus et de nous aligner véritablement. »

Éléments de l'apparence visuelle actualisée de Plaid

Solution : une plateforme unifiée pour la conception, la collaboration et la gestion des systèmes

Plaid a simplifié son workflow en transférant tous ses systèmes dans Figma, remplaçant un labyrinthe d'outils de conception, de prototypage et de feedback par une plateforme partagée unique.

Plaid utilise Figma pour tester et appliquer des variables de couleur

Avec Figma Entreprise, Plaid bénéficie de la flexibilité nécessaire pour travailler à grande échelle. Les variables ont permis de tester de nouvelles approches, de comparer les options et de déployer les modifications avec soin dans différents domaines de produit. Les équipes pouvaient passer à de nouveaux thèmes de couleurs ou à de nouvelles approches visuelles à leur propre rythme, ce qui réduisait les risques et encourageait davantage l'expérimentation.

Thèmes de Plaid en mode clair et sombre

L'exploration de nouvelles approches en matière de typographie devint également plus facile. La prise en charge de fonctionnalités de typographie avancées a permis à Plaid de tester de nouvelles polices personnalisées et de comparer les options directement dans le système où elles seraient finalement déployées. L'API REST de Figma a simplifié certaines parties du workflow conception-code, réduisant les étapes manuelles et les erreurs de conversion. Cela a offert aux designers et aux ingénieurs un parcours plus clair du concept à la mise en œuvre.

Figma joue un rôle clé en nous offrant un espace partagé dans lequel échanger facilement des idées. Tout au long de la semaine, nous avons des réunions d'examen où nous pouvons tous nous retrouver, présenter notre travail et discuter ensemble.

Chris Warner, responsable créatif, Plaid

FigJam est rapidement devenu le niveau d'entrée pour les non-designers, offrant à chacun un moyen de contribuer directement. Cela a commencé comme un espace destiné aux ateliers de marque et s'est rapidement transformé en un centre collaboratif où les équipes cartographiaient des idées de campagne, esquissaient des arcs narratifs et façonnaient la stratégie. Les équipes marketing et commerciales pouvaient voir les moodboards, les scripts et les premiers visuels prendre forme sur un seul plan de travail, et travailler aux côtés des designers les a aidées à penser visuellement et à participer en toute confiance.

Un workshop de marque organisé dans FigJam

Le changement de marque a également changé la façon dont les équipes de Plaid travaillaient ensemble. Les équipes de la marque et produit et la direction ont collaboré dans les mêmes fichiers, souvent en temps réel. Christophe Tauziet décrit comment le PDG s'est directement impliqué dans le travail : « Il a offert son temps, en disant "Je vais me mettre à Figma avec vous, faisons-le ensemble" ».

Travailler à partir d'une source de vérité unique a rendu la prise de décision plus rapide et plus collaborative. « Nous structurions plusieurs ateliers sur plusieurs mois, tous dans FigJam et Figma pour notre équipe de direction », déclare Chris Warner. « Nous avons effectué tout le rebranding dans Figma, en travaillant étroitement avec Ryan Smith de l'équipe des design systems, notre responsable du design, notre PDG, ainsi que d'autres créatifs et équipes dans toute l'entreprise. »

Pour la première fois, les équipes produit et design ont co-créé un langage visuel commun entièrement dans Figma. Les designers ont pu créer des prototypes du mode de fonctionnement de l'identité dans les produits, tandis que les équipes de la marque ont examiné comment l'identité prenait vie à travers les campagnes. Chaque itération s'est déroulée dans un contexte, avec le feedback de tous les participants.

Interface de connexion au compte de Plaid

Un design system qui évolue avec une responsabilité partagée

Ce même esprit de collaboration dynamise le design system évolutif de Plaid, Threads. Plutôt qu'une bibliothèque statique gérée par un petit nombre, c'est un cadre vivant fondé sur la confiance et la responsabilité partagée. Une équipe centrale restreinte gère les fondations, tandis que les designers dans toute l'entreprise les adaptent et les étendent pour leurs propres supports. Le système est passé à un modèle sans interface où les éléments de base partagés demeurent cohérents, et les équipes produit définissent leur mode d'expression visuelle.

Pour que les mises à jour restent sûres et efficaces, Plaid a calqué les pratiques d'ingénierie sur GitHub : création de branche pour les modifications, assignation de réviseurs et fusion uniquement après approbation. Des mises à jour mineures et progressives ont assuré la stabilité du système tout en permettant une croissance régulière et flexible.

Les analyses des données de la bibliothèque de Figma offrent à l'équipe une vue claire du fonctionnement du système dans son utilisation quotidienne. L'équipe examine quels composants apparaissent le plus souvent et lesquels se détachent. Ces schémas lui permettent de comprendre où les designers ont besoin de plus de flexibilité et où une nouvelle variante pourrait être utile.

« Si nous voyons des schémas de détachement, nous ne supposons pas de mauvaise utilisation – nous entamons une conversation », déclare Ryan Smith, designer de design system chez Plaid.

Le système partagé de marque et de design produit de Plaid repose sur l'idée que des fondations solides créent un espace permettant d'explorer. Les designers peuvent prendre des risques créatifs, tester des idées et présenter leurs conclusions à l'équipe système, qui aide à transformer les explorations prometteuses en nouvelles normes. Il en résulte un langage de conception qui évolue avec les besoins de Plaid et trouve un équilibre entre structure, liberté et curiosité.

Éliminer les obstacles entre la conception, l'ingénierie et le marketing

Les équipes du design et de l'ingénierie travaillaient parallèlement chez Plaid, avec des transferts marquant une transition claire entre les équipes. Les designers préparaient les spécifications. Les ingénieurs les interprétaient. Quelque part entre les deux, l'intention a dévié et la dynamique s'est ralentie.

Figma a comblé cet écart. Les examens qui auparavant avaient lieu en silo se déroulent désormais dans les mêmes fichiers, les designers et les ingénieurs travaillant côte à côte avec un système partagé et un langage commun.

Parce que tous travaillent dans le même espace, les développeurs interviennent maintenant aux côtés des designers, et non après eux. Des fonctionnalités telles que Code Connect permettent aux ingénieurs de récupérer des extraits prêts pour la production directement à partir du fichier, ce qui rend la transition du design au code plus fluide et plus rapide.

Dans le développement de produit, il est important que les designers et les développeurs aient un langage commun. Cela s'avère encore plus crucial avec les LLM. L'API REST, Code Connect et le serveur MCP de Figma nous aident à combler de manière proactive les lacunes de notre design system, rendant ainsi le passage de la conception à la construction plus transparent, évolutif et cohérent.

Ryan Smith, design systems, Plaid

Ce changement est allé bien au-delà du développement de produit. Certains partenaires marketing créent désormais un cahier des charges, des moodboards et des flux de campagne directement dans Figma. Les examens sont plus rapides et plus collaboratifs et se produisent plus tôt dans le processus, d'où un workflow plus connecté de l'idée à l'exécution.

Un travail à fort impact, tel que des vidéos de marque et des conférences, des scripts, des visuels et des actifs de design, est désormais entièrement centralisé dans un espace partagé. De ce fait, le processus créatif de Plaid fonctionne comme ses produits : connecté, rapide et conçu pour évoluer. Les designers pensent davantage comme des concepteurs de systèmes. Les ingénieurs sont des partenaires créatifs. Les équipes travaillent ensemble, pas en séquence.

À mesure que les cloisons séparant les équipes disparaissent, la collaboration en matière de conception s'améliore de manière significative, en particulier parmi les équipes hybrides et à distance. Chacun fait partie du processus créatif, travaillant avec tous les autres où qu'ils soient.

Mise à l'échelle de la création de campagnes publicitaires avec Figma Buzz

Plaid explore Figma Buzz pour soutenir son volume croissant de travail de campagne, notamment pour les efforts de marketing basé sur les comptes (ABM) hautement ciblés. Une seule campagne peut nécessiter de 30 à 40 variantes d'annonces sur six formats, et aujourd'hui la conception, l'examen et l'exécution de ces campagnes à grande échelle peuvent prendre jusqu'à un mois.

Avec Figma Buzz, l'équipe a créé des modèles réutilisables basés sur des schémas de campagne éprouvés, qui incluent des garde-fous pour la mise en page, le texte et la cohérence visuelle. L'objectif est de donner aux partenaires transverses un moyen de créer et d'adapter des actifs par eux-mêmes, sans partir de zéro.

Plutôt que de compter sur les designers pour produire chaque variante, les équipes marketing pourront ajuster le texte, changer les formats et générer de nouvelles versions elles-mêmes. « Si nous pouvons donner à nos partenaires les moyens de créer leurs propres annonces, nous ne sommes plus le goulot d'étranglement. Ils peuvent avancer beaucoup plus rapidement », déclare Amy Wong, responsable créative senior chez Plaid.

Cette approche s'appuie sur un hub en libre-service existant où les équipes créent déjà des actifs réutilisables, tels que des en-têtes de blog et des images d'aperçu, dans Figma. Figma Buzz introduit plus de structure dans ce workflow, le rendant plus facile à développer et à utiliser dans les équipes.

Au fil du temps, Plaid espère voir cette approche s'étendre au-delà des modèles publicitaires à d'autres actifs répétables tels que le matériel événementiel et les visuels de campagne, impliquant davantage d'équipes dans le processus créatif sans sacrifier la qualité ou la cohérence.

Piloter le progrès dans un but

Plaid continue d'étendre son identité renouvelée à chaque point de contact, des expériences de produit aux conférences et aux événements, et même à la refonte du site de New York. L'équipe explore déjà l'IA dans son processus créatif, l'utilisant pour générer des schémas de guillochis complexes, concevoir des moodboards, s'étendre à de nouvelles formes d'art et façonner des concepts de campagne initiaux à grande échelle. Ces expériences lui permettent d'avancer plus vite et d'examiner des idées qui seraient difficiles à produire manuellement.

Découvrez comment Figma permet d'optimiser le design

Un design d'exception peut aider votre produit et votre marque à se différencier. Et comme on ne crée de grandes choses qu'à plusieurs, Figma rassemble les équipes produit au sein d'un workflow de conception rapide et plus inclusif.

Contactez-nous pour découvrir comment Figma peut aider votre entreprise à augmenter l'impact du design.

Nous verrons comment Figma peut vous aider à :

  • Centraliser chaque étape du processus de conception, de l'idéation à la création en passant par la mise en œuvre
  • Accélérer les workflows de conception avec des design systems partagés par toute l'entreprise
  • Favoriser l'inclusion au sein du processus de l'équipe avec des produits web accessibles et simples d'utilisation

Connect with our team

By clicking “Submit” you agree to our TOS and Privacy Policy.