Tu veux les meilleurs outils IA avant les autres ?
On teste et on décrypte les nouveaux outils IA chaque soir, en 5 min. Gratuit.
Inclus dès l'inscription : notre sélection des meilleurs guides & comparatifs IA.
Choisis ton rythme
Gratuit · Pas de spam · Désabonnement en 1 clic
Chez Stripe, l'innovation ne se limite pas aux solutions de paiement. L'entreprise a récemment développé un outil interne, Protodash, qui redéfinit la manière dont les prototypes de produits sont conçus. Conçu par Owen Williams, responsable du design chez Stripe, Protodash est une plateforme de prototypage alimentée par l'intelligence artificielle. Elle permet aux designers et chefs de produit de créer des prototypes de tableaux de bord de haute qualité sans nécessiter de compétences en codage.
Ce qui distingue Protodash, c'est son évolution d'un simple ensemble de règles Cursor et de composants React à un studio de prototypage complet basé sur le web. Il fonctionne dans des environnements de développement, intégrant des modes de révision de design, des tests de variantes, et une itération facilitée par l'IA. Cette transformation a permis aux chefs de produit de s'approprier l'outil autant que les designers, modifiant ainsi la dynamique de travail chez Stripe.
Les défis du design IA et la solution Protodash
Un des problèmes rencontrés par les designers utilisant des outils d'IA génériques est le phénomène connu sous le nom de "blurple slop", où les designs deviennent uniformes et perdent en originalité. Protodash remédie à cela grâce à son architecture unique, qui inclut le React router, des composants du système de design de Stripe, et des intégrations MCP.
Stripe a choisi de prototyper dans des environnements de développement, éliminant ainsi le besoin pour les designers de gérer des configurations locales complexes. Cette approche s'inscrit dans le principe "demos, not memos", qui a révolutionné la culture des révisions de design chez Stripe.
Fonctionnalités avancées et impact sur la culture d'entreprise
Protodash intègre des modes de révision de design, des tests de variantes, et des annotations par IA directement dans l'outil. Ces fonctionnalités permettent des retours en temps réel et facilitent les itérations rapides. Les prototypes peuvent être auto-testés, prenant des captures d'écran et vérifiant leur propre travail, ce qui améliore l'efficacité du processus de prototypage.
L'un des aspects les plus surprenants de Protodash est l'adoption par les chefs de produit, qui sont devenus des utilisateurs puissants de l'outil. Cela a changé la manière dont les prototypes sont transférés vers l'ingénierie, illustré par le prototype Radar qui a significativement amélioré ce processus.
L'importance des outils internes
Stripe démontre que les outils internes n'ont pas besoin d'être de qualité production pour avoir un impact transformateur. En construisant Protodash, Stripe a choisi de privilégier le développement interne plutôt que d'acheter des solutions prêtes à l'emploi, soulignant l'importance de personnaliser les outils pour répondre aux besoins spécifiques de l'entreprise.
Parcours et démonstrations en direct
Le parcours en ingénierie d'Owen Williams a joué un rôle crucial en abaissant le niveau d'entrée pour les designers, rendant Protodash accessible à un plus grand nombre de collaborateurs. Les démonstrations en direct de Protodash incluent des variantes, des graphiques linéaires et le remixage de prototypes directement dans le navigateur. Un bouton d'annotation pour l'IA offre des retours en temps réel, tandis que le mode de révision de design permet des commentaires, des résumés et un suivi par IA. Une démonstration notable a été celle d'un tableau de bord pour une animalerie, spécialement conçu pour le Black Friday/Cyber Monday, illustrant la flexibilité et la puissance de l'outil.
