Dalle barriere alla velocità: come Plaid ha unificato design di prodotto e di brand in Figma
Dalle barriere alla velocità: come Plaid ha unificato design di prodotto e di brand in Figma
Plaid ha aperto la strada all'open banking negli Stati Uniti, consentendo alle persone di connettere in modo sicuro i propri conti finanziari alle app che utilizzano ogni giorno. Se hai inviato denaro con Venmo, acquistato criptovalute su Coinbase o controllato investimenti su Robinhood, Plaid ha contribuito a renderlo possibile.
La sua missione è ambiziosa: offrire la libertà finanziaria a tutti. Plaid lo fa con una piattaforma che supporta oltre 12.000 istituzioni finanziarie e supporta oltre 8.000 servizi finanziari digitali, consentendo alle persone di connettere in modo facile e sicuro i loro conti ai loro servizi fintech. Operando in un settore altamente regolamentato, Plaid è orgogliosa di muoversi rapidamente mantenendo la fiducia e la sicurezza che l'innovazione finanziaria richiede.

Plaid aveva bisogno di perfezionare il proprio sistema di progettazione per creare progetti più coerenti e scalabili in un ecosistema di prodotti in crescita e sempre più complesso. Il rebranding ha creato il momento giusto per fare un passo indietro e perfezionare quella base. Figma Enterprise ha fornito ai team di prodotto, brand e sistemi di progettazione uno spazio comune per la collaborazione trasversale.
Disporre di uno spazio condiviso in cui tutti possiamo scambiare idee insieme è molto importante. Figma ha reso tutto ciò davvero facile e possibile.
— Chris Warner, Creative Lead, Plaid
Sfida: linguaggio visivo frammentato nei nuovi prodotti
La crescita di Plaid ha portato nuovi prodotti e una grande sfida: mantenere la coesione visiva. Il lavoro era distribuito su piattaforme di progettazione, software di prototipazione, documenti e lavagne, ognuno dei quali conteneva una parte diversa del processo.
Per il team del brand, mantenere il flusso creativo è stato ancora più difficile. Hanno creato bozze di documenti e le hanno revisionate in Google Docs, poi le hanno passate al team di design. Il lavoro è passato dalla documentazione alla progettazione alla consegna delle risorse in un processo isolato e lineare. Quell'approccio a “nastro trasportatore” ha separato la strategia dall'esecuzione, rendendo difficile mantenere il ritmo.
Threads, il sistema di progettazione di Plaid, ha aggiunto un ulteriore livello di complessità. Dal momento che più team disponevano di variazioni leggermente diverse dei componenti, anche piccoli cambiamenti richiedevano coordinamento tra più librerie dipendenti.
Il rebrand ha dato a Plaid la spinta necessaria per ripensare a come unificare il team attorno a un linguaggio di design condiviso. "Il nostro fondatore voleva davvero che questo rebranding funzionasse," dice Christophe Tauziet, Head of Design di Plaid. "Ma perché ciò accadesse, avevamo bisogno di un modo più veloce e collaborativo per coinvolgere tutti nel processo e allinearci veramente".

Soluzione: una piattaforma unificata per progettazione, collaborazione e gestione di sistemi
Plaid ha semplificato il proprio flusso di lavoro spostando tutto su Figma, sostituendo un labirinto di strumenti di progettazione, prototipazione e feedback con una singola piattaforma condivisa.

Con Figma Enterprise, Plaid ha ottenuto la flessibilità necessaria per lavorare su larga scala. Le variabili hanno permesso di testare nuove direzioni, confrontare opzioni e implementare modifiche con attenzione in diverse aree del prodotto. I team potrebbero passare a nuovi temi di colore o approcci visivi al proprio ritmo, riducendo il rischio e incoraggiando una maggiore sperimentazione.

È diventato anche più facile esplorare nuove direzioni per la tipografia. Il supporto per funzionalità avanzate di tipografia ha aiutato Plaid a sperimentare nuovi font personalizzati e a confrontare le opzioni direttamente all'interno del sistema in cui sarebbero alla fine stati utilizzati. La REST API di Figma ha semplificato parti del flusso di lavoro dal design al codice, riducendo i passaggi manuali e gli errori di traduzione. Questo ha fornito ai progettisti e agli ingegneri un percorso più chiaro dal concetto all'implementazione.
Figma svolge un ruolo fondamentale fornendo uno spazio condiviso per scambiare idee facilmente. Durante la settimana organizziamo sessioni di critiche condivise dove tutti possono riunirsi, mostrare il proprio lavoro e discuterne insieme.
— Chris Warner, Creative Lead, Plaid
FigJam è rapidamente diventato la porta d'ingresso per che non è designer, offrendo a tutti un modo per contribuire direttamente. Ha avuto inizio come uno spazio per workshop del brand ed è diventato rapidamente un hub collaborativo dove i team progettano idee per le campagne, delineano archi narrativi e definiscono la strategia. I team di marketing e vendite possono vedere moodboard, sceneggiature e primi elementi visivi combinarsi in un'unica area di lavoro, e lavorare accanto ai designer li aiuta a pensare in modo visivo e a partecipare più con sicurezza.

Il rebranding ha anche cambiato il modo in cui i team Plaid lavoravano insieme. Il brand, il prodotto e la leadership hanno collaborato sugli stessi file, spesso in tempo reale. Christophe ha descritto come il CEO sia passato direttamente al lavoro: “Ha offerto il suo tempo, dicendo, ‘Mi metterò a lavorare in Figma con voi". Facciamolo insieme."
Lavorare da una singola fonte di verità ha reso il processo decisionale più veloce e collaborativo. "Stavamo strutturando diversi workshop nel corso di diversi mesi, tutti su FigJam e Figma per il nostro team di leadership". dice Chris Warner. “Abbiamo gestito l'intero rebranding in Figma, lavorando a stretto contatto con Ryan Smith dei sistemi di progettazione, il nostro responsabile del design, il nostro CEO, con altri creativi e team in tutta l'azienda".
Per la prima volta, i team di prodotto e design hanno creato insieme un linguaggio visivo condiviso interamente all'interno di Figma. I designer hanno potuto prototipare come l'identità funzionava nel prodotto, mentre i team di brand hanno esplorato come prendeva vita attraverso le campagne. Ogni iterazione è avvenuta nel contesto, con feedback da parte di tutti coloro che erano coinvolti.

Un sistema di progettazione che cambia con la proprietà condivisa
Quello stesso spirito di collaborazione alimenta il sistema di progettazione in evoluzione di Plaid, Threads. Invece di una biblioteca statica gestita da pochi eletti, è un framework vivente basato sulla fiducia e sulla proprietà condivisa. Un piccolo team centrale gestisce la base, mentre i designer di tutta l'azienda la adattano e la estendono per le loro superfici. Il sistema è passato a un modello headless, in cui gli elementi primitivi condivisi rimangono costanti e i team di prodotto determinano come vengono espressi visivamente.
Per mantenere gli aggiornamenti sicuri ed efficienti, Plaid ha eseguito il mirroring delle pratiche ingegneristiche in GitHub, diramando le modifiche, assegnando revisori e unificando solo dopo l'approvazione. Aggiornamenti più piccoli e incrementali hanno mantenuto il sistema stabile permettendo al contempo una crescita costante e flessibile.
L'analisi della libreria di Figma offre ai team una chiara visione di come il sistema funziona nell'uso quotidiano. Osservano quali componenti si presentano più spesso e quali vengono scollegati. Quei modelli aiutano i team a capire dove i designer hanno bisogno di maggiore flessibilità o dove una nuova variante potrebbe essere utile.
“Se notiamo schemi di scollegamento, non presupponiamo un uso improprio, ma iniziamo una conversazione", afferma dice Ryan Smith, Design Systems Designer presso Plaid.
Il sistema di progettazione per il brand e di prodotto condiviso di Plaid è basato sull'idea che basi solide creano spazio per l'esplorazione. I designer possono assumersi rischi creativi, testare idee e comunicare i loro risultati al team di sistema, contribuendo a trasformare le esplorazioni promettenti in nuovi standard. Il risultato è un linguaggio di design che cresce con le esigenze di Plaid e trova un equilibrio tra struttura, libertà e curiosità.
Abbattere le barriere tra design, ingegneria e marketing
Il design e l'ingegneria una volta lavoravano in parallelo in Plaid, con i passaggi che segnavano una chiara transizione tra i team. I designer preparavano le specifiche. Gli ingegneri le interpretavano. Da qualche parte nel mezzo, l'intenzione è venuta meno e lo slancio si è ridotto.
Figma ha colmato quel divario. Le revisioni che una volta avvenivano in silos ora avvengono negli stessi file, con designer e ingegneri che lavorano fianco a fianco utilizzando un sistema condiviso e un linguaggio comune.
Poiché tutti lavorano nello stesso spazio, gli sviluppatori ora lavorano accanto ai designer, non dopo di loro. Funzioni come Code Connect consentono agli ingegneri di acquisire snippet pronti per la produzione direttamente dal file, rendendo il passaggio dal design al codice più fluido e veloce.
Nello sviluppo del prodotto, è importante che designer e sviluppatori abbiano un linguaggio comune. Con l'avvento dei LLM questo sta diventando ancora più critico. La REST API di Figma, Code Connect e il server MCP ci aiutano a colmare proattivamente le lacune nel nostro sistema di progettazione, rendendo il passaggio dal design alla creazione più fluido, scalabile e coerente.
— Ryan Smith, Design Systems, Plaid
Quel cambiamento è andato ben oltre lo sviluppo del prodotto. Alcuni partner di marketing ora creano briefing, moodboard e flussi di campagna direttamente in Figma. Le revisioni sono più veloci, più collaborative e avvengono prima nel processo, creando un flusso di lavoro più connesso dall'idea all'esecuzione.
Lavori di alto impatto come video del brand e conferenze, script, immagini e risorse di progettazione ora convivono tutti in un'unico spazio. Di conseguenza, il processo creativo di Plaid funziona come i suoi prodotti: connesso, veloce e studiato per scalare. I designer pensano più come creatori di sistemi. Gli ingegneri sono partner creativi. I team lavorano insieme, non in sequenza.
Man mano che i confini tra i team si dissolvono, la collaborazione nel design migliora significativamente, soprattutto tra i team ibridi e remoti. Tutti fanno parte del processo creativo e lavorano insieme ovunque si trovino.
Scalare la creazione di campagne pubblicitarie con Figma Buzz
Plaid sta esplorando Figma Buzz per supportare il crescente volume di lavoro relativo alle campagne, soprattutto per le attività di marketing basate su account (ABM) altamente mirate. Una singola campagna può richiedere da 30 a 40 varianti di annunci in sei dimensioni, e oggi queste grandi campagne possono richiedere fino a un mese per la progettazione, la revisione e la consegna.
Utilizzando Figma Buzz, il team ha sviluppato modelli riutilizzabili basati su pattern di campagna collaudati, che includono linee guida per layout, testi e coerenza visiva. L'obiettivo è fornire ai partner interfunzionali un modo per creare e adattare risorse autonomamente, senza partire da zero.
Invece di affidarsi ai designer per la produzione di ogni variazione, i team di marketing potranno modificare i testi, scambiare formati e generare nuove versioni in modo autonomo. "Se possiamo consentire ai nostri partner di creare i loro annunci, non saremo più un collo di bottiglia". "Possono muoversi molto più velocemente", afferma Amy Wong, Senior Creative Lead presso Plaid.
Questo si basa su un hub self-service esistente dove i team già creano risorse ripetibili, come intestazioni di blog e immagini di anteprima, in Figma. Figma Buzz introduce più struttura a quel flusso di lavoro, facilitando la scalabilità e l'utilizzo tra i team.
Nel tempo, Plaid spera di vedere questo approccio espandersi oltre i modelli pubblicitari ad altre risorse ripetibili come i materiali per eventi e le immagini per le campagne, coinvolgendo più team nel processo creativo senza sacrificare la qualità o la coerenza.
Guidare il progresso con uno scopo
Plaid continua a estendere la propria identità rinnovata su ogni punto di contatto, dalle esperienze di prodotto alle conferenze ed eventi, e persino al restyling dell'ufficio di New York. Il team sta già esplorando l'AI nel proprio processo creativo, utilizzandola per generare intricati motivi di guilloche, creare moodboard, espandersi in nuove forme d'arte e modellare concetti di campagna iniziali su larga scala. Questi esperimenti aiutano Plaid a muoversi più velocemente ed esplorare idee che sarebbero difficili da produrre a mano.
Scopri come Figma può aiutarti a creare progetti scalabili
Un ottimo design può far distinguere il tuo prodotto e il brand. Ma le grandi cose si costruiscono insieme. Figma riunisce i team di prodotto in un flusso di lavoro di design rapido e più inclusivo.
Contattaci per scoprire come Figma può aiutare le aziende a creare progetti scalabili.
Ti mostreremo come Figma può aiutare a:
- Riunire ogni fase del processo di progettazione e design, dall'ideazione allo sviluppo, fino alla realizzazione del design finale, tutto in un unico posto
- Accelerare i flussi di lavoro di design con sistemi di progettazione condivisi a livello aziendale
- Promuovere l'inclusività nei processi del team di prodotto attraverso strumenti basati sul web, accessibili e facili da usare