Aus dem Silo hin zu mehr Geschwindigkeit: So hat Plaid das Produkt- und Marken-Design in Figma vereint
Aus dem Silo hin zu mehr Geschwindigkeit: So hat Plaid das Produkt- und Marken-Design in Figma vereint
Plaid hat das Open Banking in den USA eingeführt, wodurch Menschen ihre Finanzkonten sicher mit den Apps verbinden können, die sie täglich nutzen. Wenn du Geld über Venmo gesendet, Krypto auf Coinbase gekauft oder deine Investitionen auf Robinhood überprüft haben, hat Plaid dabei geholfen.
Ihre Mission ist ehrgeizig: finanzielle Freiheit für alle zu ermöglichen. Plaid erreicht dies mit einer Plattform, die über 12.000 Finanzinstitute unterstützt und über 8.000 digitale Finanzdienstleistungen betreibt, sodass es Menschen leicht fällt, ihre Konten sicher mit ihren Fintech-Diensten zu verbinden. Plaid arbeitet in einem stark regulierten Bereich und ist stolz darauf, schnell zu agieren, während es das Vertrauen und die Sicherheit wahrt, die finanzielle Innovation erfordert.

Plaid musste ihr Designsystem verfeinern, um konsistentere und skalierbarere Designs in einem wachsenden und zunehmend komplexen Produktökosystem zu schaffen. Die Umbenennung schuf den richtigen Moment, um einen Schritt zurückzutreten und diese Grundlage zu verfeinern. Figma Enterprise bot den Teams für Produkt-, Marken- und Designsysteme einen gemeinsamen Raum für funktionsübergreifende Zusammenarbeit.
Einen gemeinsamen Raum zu haben, in dem wir alle Ideen austauschen können, ist sehr wichtig. Figma hat es ermöglicht, dass das wirklich einfach und tatsächlich machbar ist.
— Chris Warner, Creative Lead, Plaid
Herausforderung: Zersplitterte visuelle Sprache bei neuen Produkten
Das Wachstum von Plaid brachte neue Produkte und eine große Herausforderung: Einheitlichkeit im Visuellen. Die Arbeit war auf Designplattformen, Prototyping-Software, Dokumente und Whiteboards verteilt, wobei jede einen anderen Teil des Prozesses abdeckte.
Für das Markenteam war es noch schwieriger, den kreativen Flow aufrechtzuerhalten. Sie entwarfen und überprüften Kurzdarstellungen in Google Docs und übergaben sie dann an das Design-Team. Die Arbeit verlagerte sich von Dokumentation über Design zur Bereitstellung von Assets in einem isolierten, linearen Prozess. Dieser „Fließband-Ansatz“ trennte die Strategie von der Ausführung, was es schwierig machte, das Tempo beizubehalten.
Threads, das Designsystem von Plaid, fügte eine weitere Ebene der Komplexität hinzu. Da mehrere Teams leicht unterschiedliche Varianten von Komponenten besitzen, erforderten selbst kleine Änderungen eine Koordination über mehrere abhängige Bibliotheken hinweg.
Das Rebranding gab Plaid den Schub, neu zu überdenken, wie das Team durch eine gemeinsame Designsprache vereint werden kann. „Unser Gründer wollte wirklich, dass dieses Rebranding funktioniert“, sagt Christophe Tauziet, Head of Design bei Plaid. „Aber damit das passieren konnte, brauchten wir eine schnellere, Methode zur Zusammenarbeit, um alle in den Prozess einzubeziehen und wirklich aufeinander abzustimmen.“

Lösung: Eine einheitliche Plattform für Design, Zusammenarbeit und Systemverwaltung
Plaid hat seinen Workflow vereinfacht, indem sie alles in Figma verlagerten und ein Labyrinth von Design-, Prototyping- und Feedback-Tools durch eine einzige gemeinsame Plattform ersetzten.

Mit Figma Enterprise erhielt Plaid die Flexibilität, die für die Arbeit in großem Maßstab erforderlich ist. Variablen ermöglichten es, neue Richtungen zu testen, Optionen zu vergleichen und Änderungen vorsichtig in verschiedenen Produktbereichen einzuführen. Teams konnten in ihrem eigenen Tempo auf neue Farbthemen oder visuelle Ansätze umsteigen, was das Risiko verringerte und zu mehr Experimentieren anregte.

Es wurde auch einfacher, neue Richtungen in der Typografie zu erkunden. Die Unterstützung für erweiterte Typfeatures half Plaid dabei, neue benutzerdefinierte Schriftarten auszuprobieren und Optionen direkt im System zu vergleichen, in dem sie schließlich verwendet werden würden. Die REST API von Figma vereinfachte Teile des Design-to-Code-Workflows, reduzierte manuelle Schritte und Übersetzungsfehler. Dies gab Designer*innen und Ingenieur*innen einen klareren Weg von der Konzeption zur Umsetzung.
Figma spielt eine Schlüsselrolle, indem es uns einen gemeinsamen Raum zum einfachen Austausch von Ideen bietet. Wir veranstalten während der Woche gemeinsame Kritiksitzungen, bei denen alle zusammenkommen, Arbeiten präsentieren und gemeinsam diskutieren können.
— Chris Warner, Creative Lead, Plaid
FigJam wurde schnell zur Eingangstür für Nichtdesigner*innen und gab allen die Möglichkeit, direkt etwas beizutragen. Es begann als Raum für Marken-Workshops und erweiterte sich schnell zu einem Zentrum der Zusammenarbeit, in dem Teams Kampagnenideen entwickelten, Handlungsbögen umrissen und Strategien gestalteten. Marketing- und Verkaufsteams konnten Moodboards, Drehbücher und frühe Visualisierungen auf einer Arbeitsfläche zusammenführen, und die Zusammenarbeit mit Designer*innen half ihnen, visuell zu denken und selbstbewusster teilzunehmen.

Das Rebranding hat auch verändert, wie die Plaid-Teams zusammenarbeiteten. Marke, Produkt und Führung arbeiteten in denselben Dateien zusammen, oft in Echtzeit. Christophe beschrieb, wie der CEO direkt in die Arbeit einstieg: „Er bot seine Zeit an und sagte: ,Ich werde mit dir in Figma arbeiten.' Lass es uns zusammen machen."
Die Arbeit mit einer einzigen Informationsquelle machte die Entscheidungsfindung schneller und kollaborativer. „Wir strukturierten mehrere Workshops über mehrere Monate hinweg, alle in FigJam und Figma für unser Führungsteam“, sagt Chris Warner. „Wir haben das gesamte Rebranding in Figma durchgeführt und eng mit Ryan Smith von den Designsystemen, unserem Head of Design, unserem CEO und anderen Kreativen und Teams im gesamten Unternehmen zusammengearbeitet.“
Zum ersten Mal haben die Produkt- und die Designabteilung gemeinsam eine gemeinsame visuelle Sprache komplett in Figma erstellt. Designer*innen konnten Prototypen dazu erstellen, wie die Identität im Produkt funktionierte, während Markenteams erkundeten, wie die Identität in Kampagnen zum Leben erweckt wurde. Jede Iteration fand im Kontext statt, mit Feedback von allen Beteiligten.

Ein Designsystem, das sich bei geteiltem Besitz ändert
Dieser gleiche Geist der Zusammenarbeit treibt das sich entwickelnde Designsystem von Plaid, Threads, an. Statt einer statischen Bibliothek, die von einer ausgewählten Gruppe verwaltet wird, ist es ein lebendiges Framework, das auf Vertrauen und geteilter Verantwortung basiert. Ein kleines Kernteam pflegt die Grundlagen, während Designer*innen im ganzen Unternehmen diese für ihre eigenen Oberflächen anpassen und erweitern. Das System wechselte zu einem kopflosen Modell, bei dem geteilte Grundelemente konsistent bleiben und Produktteams bestimmen, wie sie visuell dargestellt werden.
Um Updates sicher und effizient zu halten, spiegelte Plaid die Ingenieurmethoden in GitHub wider – Branching der Änderungen, Prüfer*innen zuweisen und erst nach Genehmigung zusammenführen. Kleinere, inkrementelle Updates hielten das System stabil und ermöglichten gleichzeitig ein stetiges, flexibles Wachstum.
Die Bibliotheks-Analytics von Figma bietet dem Team einen klaren Überblick darüber, wie das System im täglichen Gebrauch funktioniert. Sie schauen, welche Komponenten am häufigsten auftauchen und welche sich lösen. Diese Muster helfen dem Team zu verstehen, wo Designer*innen mehr Flexibilität benötigen oder wo eine neue Variante nützlich sein könnte.
„Wenn wir Abtrennungsmuster erkennen, gehen wir nicht von Missbrauch aus – wir beginnen ein Gespräch“, sagt Ryan Smith, Design Systems Designer bei Plaid.
Das gemeinsame Marken- und Produktdesignsystem von Plaid basiert auf der Idee, dass starke Grundlagen Raum für Erkundungen schaffen. Designer*innen können kreative Risiken eingehen, Ideen testen und ihre Erkenntnisse an das Systemteam zurückbringen, das dabei hilft, vielversprechende Erkundungen in neue Standards umzuwandeln. Das Ergebnis ist eine Designsprache, die mit den Anforderungen von Plaid wächst und ein Gleichgewicht zwischen Struktur, Freiheit und Neugierde findet.
Mauern zwischen Design, Technik und Marketing einreißen
Design und Engineering arbeiteten bei Plaid früher parallel, wobei Übergaben einen klaren Übergang zwischen den Teams markierten. Designer*innen haben Spezifikationen vorbereitet. Ingenieur*innen interpretierten sie. Irgendwo dazwischen verschwand die Absicht und die Dynamik verlangsamte sich.
Figma hat diese Lücke geschlossen. Bewertungen, die früher in Silos stattfanden, finden jetzt in denselben Dateien statt, wobei Designer*innen und Ingenieur*innen Seite an Seite arbeiten und ein gemeinsames System und eine gemeinsame Sprache verwenden.
Da alle im gleichen Raum arbeiten, arbeiten Entwickler*innen jetzt neben Designer*innen, nicht nach ihnen. Funktionen wie Code Connect ermöglichen es Ingenieur*innen, produktionsbereite Code-Schnipsel direkt aus der Datei zu entnehmen, was den Übergang von Design zu Code reibungsloser und schneller macht.
Bei der Produktentwicklung ist es wichtig, dass Designer*innen und Entwickler*innen eine gemeinsame Sprache sprechen. Das wird bei LLMs noch wichtiger. REST-API, Code Connect und MCP-Server von Figma helfen uns, proaktiv Lücken in unserem Designsystem zu schließen, wodurch der Weg vom Design zur Umsetzung nahtloser, skalierbarer und konsistenter wird.
— Ryan Smith, Design Systems, Plaid
Diese Verschiebung erstreckte sich weit über die Produktentwicklung hinaus. Einige Marketingpartner erstellen jetzt Briefings, Moodboards und Kampagnenabläufe direkt in Figma. Bewertungen sind schneller, kollaborativer und erfolgen früher im Prozess, was einen besser vernetzten Workflow von der Idee bis zur Ausführung schafft.
Hochwirksame Arbeiten wie Markenvideos und Konferenzen, Drehbücher, visuelle Elemente und Designassets befinden sich nun alle in einem gemeinsamen Raum. Infolgedessen läuft der kreative Prozess von Plaid genauso wie seine Produkte: vernetzt, schnell und für die Skalierung gebaut. Designer*innen denken mehr wie Systementwickler*innen. Ingenieur*innen sind kreative Partner. Teams arbeiten zusammen, nicht nacheinander.
Wenn die Barrieren zwischen Teams abgebaut werden, verbessert sich die Design-Zusammenarbeit erheblich, insbesondere bei hybriden und Remote-Teams. Alle sind Teil des kreativen Prozesses und arbeiten zusammen, ganz gleich wo sie sich befinden.
Skalierung der Werbekampagnenerstellung mit Figma Buzz
Plaid untersucht Figma Buzz, um das wachsende Volumen an Kampagnenarbeiten zu unterstützen, insbesondere für hochgradig gezielte ABM-Bemühungen (Account-Based Marketing). Eine einzelne Kampagne kann 30 bis 40 Anzeigenvariationen in sechs Größen erfordern, und heutzutage können diese großen Kampagnen bis zu einem Monat in Anspruch nehmen, um entworfen, überprüft und geliefert zu werden.
Mithilfe von Figma Buzz erstellt das Team wiederverwendbare Vorlagen basierend auf bewährten Kampagnenmustern, die Leitlinien für Layout, Text und visuelle Konsistenz enthalten. Das Ziel ist es, funktionsübergreifenden Partnern eine Möglichkeit zu geben, selbstständig Assets zu erstellen und anzupassen, ohne von Grund auf neu anfangen zu müssen.
Anstatt sich auf Designer*innen zu verlassen, die jede Variation produzieren, werden Marketingteams in der Lage sein, selbst Texte anzupassen, Formate zu wechseln und neue Versionen zu erstellen. „Wenn wir unseren Partnern die Möglichkeit geben können, ihre eigenen Anzeigen zu erstellen, sind wir nicht mehr der Engpass.“ „Sie können sich viel schneller bewegen“, sagt Amy Wong, Senior Creative Lead bei Plaid.
Dies baut auf einem bestehenden Self-Service-Hub auf, wo Teams bereits wiederverwendbare Assets wie Blog-Header und Vorschaubilder in Figma erstellen. Figma Buzz bringt mehr Struktur in diesen Workflow, was die Skalierung und Nutzung über Teams hinweg erleichtert.
Im Laufe der Zeit hofft Plaid, dass sich dieser Ansatz über Anzeigenvorlagen hinaus auf andere wiederholbare Assets wie Veranstaltungsmaterialien und Kampagnenvisuals ausweiten wird, um mehr Teams in den kreativen Prozess einzubinden, ohne dabei Qualität oder Konsistenz zu opfern.
Fortschritt mit Zielsetzung vorantreiben
Plaid setzt die Erweiterung ihrer erneuerten Identität an jedem Berührungspunkt fort – von Produkterlebnissen über Konferenzen und Veranstaltungen bis hin zur Neugestaltung des New Yorker Büros. Das Team erkundet bereits den Einsatz von KI in ihrem kreativen Prozess und nutzt sie zur Erstellung komplexer Guilloche-Muster, zum Aufbau von Moodboards, zur Erweiterung in neue Kunstformen und zur Gestaltung erster Kampagnenkonzepte im großen Maßstab. Diese Experimente helfen ihnen, sich schneller zu bewegen und Ideen zu erforschen, die von Hand nur schwer umsetzbar wären.
So kannst du mit Figma Designs skalieren
Großartiges Design hat das Potenzial, dein Produkt und deine Marke von der Masse abzuheben. Aber Großes entsteht nur gemeinsam. Figma vereint Produktteams in einem schnellen und inklusiveren Design-Workflow.
Kontaktiere uns, um mehr darüber zu erfahren, wie du mit Figma dein Design skalieren kannst.
Wir zeigen dir, wie dich Figma unterstützen kann:
- Zusammenführung aller Schritte des Designprozesses an einem Ort – von der Ideenfindung über den Entwurf bis hin zur Umsetzung von Designs
- Schnellere Design-Workflows dank unternehmensweit genutzter Designsysteme
- Inklusivität bei den Abläufen im Produktteam dank intuitiver und benutzerfreundlicher webbasierter Produkte