So skaliert Grab hyperlokale Erlebnisse in Südostasien mit Figma und KI

Grab ist die führende Super-App in Südostasien und bedient über 50 Millionen Menschen in den Bereichen Transport, Lebensmittel und digitale Zahlungen. Als das Unternehmen in verschiedenen Märkten expandierte, benötigten die Teams ein gemeinsames System, das sowohl Geschwindigkeit als auch Konsistenz in Einklang bringen konnte und sich dennoch an lokale Bedürfnisse anpasst.

Mit Figma als gemeinsamem Workspace entwickelte Grab Duxton, das Designsystem, das jetzt die Passagier-App von Grab antreibt. Designer*innen und Ingenieur*innen arbeiten aus einer einzigen zuverlässigen Quelle, und der Dev Mode gibt Ingenieur*innen die Implementierungsdetails, die sie benötigen, ohne dass sie Spezifikationen in verschiedenen Dateien verfolgen müssen.

Während Grab weiter experimentiert, untersuchen die Teams auch KI-gestützte Workflows – mithilfe von Figma Make und MCP-basierten Integrationen – um Erlebnisse schneller zu prototypisieren, zu modernisieren und zu lokalisieren.

Die Herausforderung: Skalierung von hyperlokalen Erlebnissen über vielfältige Märkte hinweg

Entwirf Designs für eine Region, in der kein Markt wie der andere ist. Was in Singapur intuitiv erscheint, funktioniert möglicherweise auf den Philippinen nicht, und ein Layout, das für Thailand passt, muss vielleicht für Benutzer in Indonesien komplett geändert werden.

Aber die Tools, die das Team verwendete, konnten nicht mithalten. Designer*innen arbeiteten in isolierten Dateien ohne ein gemeinsames System, was bedeutete, dass Komponenten neu erstellt werden mussten, Spezifikationen oft abwichen und selbst Grundlagen – wie Schriftartgrößen oder Eckradien – nicht einheitlich über die Teams hinweg waren.

Ohne eine einheitliche Plattform wurde es schwieriger, schnell zu agieren oder funktionierende Lösungen zu skalieren. Grab benötigte eine Möglichkeit, lokale Insights schnell in reale Produkte umzusetzen, ohne die Konsistenz zwischen Teams und Märkten zu verlieren.

Die Lösung: eine gemeinsame Plattform für schnelleres, vernetzteres Arbeiten mit Figma

Die Designorganisation von Grab umfasst rund 170 Designer*innen und 380 Ingenieur*innen, die in funktionsübergreifenden „Pods“ organisiert sind, um Probleme der Verbraucher*innen, Fahrer*innen und Händler anzugehen, sowie horizontale Teams, die sich auf Systeme und Lokalisierung konzentrieren.

Der Wechsel des Teams zu Figma hat ihre Arbeitsweise revolutioniert. Mit gemeinsam genutzten Komponenten, eingebautem Versionierung und organisationsweiter Sichtbarkeit wurde Figma ihre einzige Wahrheit – wodurch die Designer*innen schneller arbeiten konnten und die Ingenieur*innen früheren Zugang zu dem, was sie benötigten, erhielten.

„Funktionen wie Versionierung und visuelle Darstellung in Figma haben es Ingenieur*innen erleichtert, das Design zu nutzen und in Code umzuwandeln“, teilt Suraj Swamy mit, Head of Engineering and Core Experiences bei Grab.

Innerhalb von Monaten hatten Teams wiederverwendbare Komponenten entwickelt und sahen sofortige Verbesserungen in den Workflows. Sobald eine Änderung vorgenommen wird, wird sie über das gesamte System skaliert, sodass Iterationen schnell, konsistent und einfach bereitzustellen sind.

„Die Menschen sehen sich die Arbeiten der anderen leichter an. Mit Figma können sie Elemente und Lösungen wiederverwenden“, sagt Patrick Jean, Head of Design bei Grab. Dies war ein Wendepunkt für die experimentierfreudige Kultur von Grab. Designer*innen und Ingenieur*innen können schneller Entscheidungen treffen und Produkte mit mehr Zuversicht liefern.

Der Weg zu Duxton: ein Designsystem, das für Skalierung entwickelt wurde

Duxton ist das Designsystem von Grab, benannt nach einer historischen Straße in Singapur. Es schafft die Basis dafür, wie das Team konsistente, hyperlokale Erlebnisse in Südostasien aufbaut. In Figma erstellt bietet Duxton Designer*innen und Ingenieur*innen eine gemeinsame Grundlage aus wiederverwendbaren Komponenten, die es ihnen ermöglicht, schnell zu arbeiten, ohne die Qualität zu beeinträchtigen.

Als mehr Teams Duxton übernahmen, verlagerte sich der Schwerpunkt darauf, das Design konsistent über die gesamte App zu skalieren. Design- und Plattform-Engineering-Teams arbeiteten zusammen, um das Duxton SDK zu entwickeln – die Code-Bibliothek, die die Duxton Figma Library in die Produktion bringt – und KI-gestützte Tools zu erkunden, die die Systemadoption erleichtern und die Ausrichtung mit dem System vereinfachen. Dies half den Teams, von isolierter, lokaler Optimierung zu einem gemeinsamen Modell überzugehen, bei dem die Geschwindigkeit dadurch kommt, dass gemeinsame Bausteine gemeinsam wiederverwendet und verbessert werden.

Duxton wurde Ende 2023 als voreingestelltes Designsystem von Grab eingerichtet. Bis zur zweiten Hälfte des Jahres 2025 erreichte es etwa 50 % Akzeptanz in der gesamten App. Dorthin zu gelangen, bedeutete, eine große Legacy-Oberfläche sorgfältig zu migrieren, während sich das System und das SDK noch entwickelten – ohne die von mehreren Teams genutzten Komponenten zu stören. Neben der technischen Arbeit mussten die Teams ihre Arbeitsweise ändern und Flexibilität für lokale Märkte mit Konsistenz in der gesamten Organisation ausbalancieren.

Mit Figma als Grundlage hilft Duxton Grab, konsistente und hochwertige Erlebnisse schnell zu liefern. Diese Konsistenz erstreckt sich über Produkte hinweg, wodurch alltägliche Interaktionen wie das Buchen einer Fahrt oder das Bestellen von Essen intuitiv und nahtlos erscheinen.

„Wir müssen sicherstellen, dass alles, was wir entwickeln oder entwerfen, die notwendige Flexibilität hat, um den Bedürfnissen der Benutzer*innen gerecht zu werden“, sagt Patrick.

Um die Dynamik aufrechtzuerhalten, verwendet das Team nun Dashboards zum Nachverfolgen der Akzeptanz nach Bildschirm und Team. Diese Sichtbarkeit hilft, Lücken zu identifizieren und Verbesserungen zu priorisieren. Sie erkunden auch, wie KI in diese Arbeitsabläufe integriert werden kann, um Beiträge zu unterstützen und die Akzeptanz weiter zu beschleunigen.

Optimierung des Design-to-Development-Prozesses mit Dev Mode

Grab hat eine starke, organische Akzeptanz des Dev Mode in den Teams erfahren. Es ist jetzt der Standardweg, um Designs zu inspizieren und Implementierungsdetails zu erhalten, wobei die Zahl der aktiven Benutzer*innen von 244 im letzten Jahr auf 353 heute gestiegen ist – ein Anstieg von etwa 45 % im Jahresvergleich. Eigenschaften wie Farbe, Eckradius und Ikonografie sind konfigurierbar, sodass Komponenten flexibel an lokale oder funktionale Bedürfnisse angepasst werden können, ohne das System zu beeinträchtigen.

Die Ausrichtung zwischen Design und Technik hat sich verbessert, wodurch es leichter wird, großartige Produkte zu entwickeln, indem kleine Änderungen wie Mikrotext-Anpassungen oder Layout-Änderungen schnell getestet und validiert werden. Grab führt lokale A/B-Experimente gegen Kontrollgruppen durch, um den Geschäftseinfluss zu messen, und führt verschiedene Variationen auf den Märkten ein, um hyperlokale Erlebnisse zu verfeinern.

Ingenieur*innen müssen sich nicht mehr durch Entwurfsdateien wühlen, um Spezifikationen zu finden. Alles, was sie brauchen – Komponenten-Details, Struktur, Abstände – wird genau dort angezeigt, wo sie arbeiten.

Erkundung der nächsten Grenze mit KI

Experimentieren ist ein zentraler Bestandteil davon, wie Grab entwickelt. Als die KI-Tools fortschritten, sah das Team die Möglichkeit, die Reibung zwischen Design und Technik zu verringern, insbesondere in den sich wiederholenden Teilen des Design-to-Code-Workflows. Sie begannen, mit Cursor zu arbeiten, einem externen, KI-gestützten Code-Editor, der Code aus natürlicher Sprache generiert, um Routineaufgaben zu automatisieren und schnellere Iterationen zu unterstützen.

Diese Grundlage führte zur Entwicklung einer internen Integration namens Talk to Figma MCP. Von Grab entwickelt verbindet das Tool Figma mit Cursor unter Verwendung eines Model Context Protocol (MCP), sodass Teams strukturierte Designdaten extrahieren und KI-Befehle nutzen können, um Designaufgaben zu beschleunigen. Das Plugin findet starke Akzeptanz, mit 170.000 wöchentlichen Benutzer*innen, die über 210.000 Events generieren, was zeigt, wie schnell Teams KI-gestützte Workflows übernehmen. „Wir stoßen immer an die Grenzen, um zu sehen, wo die Grenze in Bezug auf die Fähigkeiten von KI-Modellen liegt“, sagt Suraj.

Es ist ein großartiges Beispiel dafür, wie umfangreich und anpassbar die Figma-Plattform ist: von hauseigenen Tools wie dem Dev Mode und dem Figma MCP-Server bis hin zu Integrationen wie dem Talk to Figma MCP von Grab können Teams genau den Workflow zusammenstellen, der ihren Bedürfnissen entspricht. Obwohl sich das Tool noch im Anfangsstadium befindet, zeigt es bereits Potenzial für Anwendungsfälle wie der Modernisierung von Altsystem-Benutzeroberflächen, der Beschleunigung von Lokalisierungsbemühungen und der Verbesserung der Barrierefreiheit – alles innerhalb von Figma.

Der Weg nach vorn: gemeinsame Werkzeuge, neuer gemeinsamer Schwung

Da sich Design und Technik weiterhin annähern, sieht Grab wachsende Chancen, die Zusammenarbeit der Teams zu optimieren. Figma bleibt zentral für diese Entwicklung – von der Skalierung von Duxton bis hin zu Experimenten mit KI-gestützten Werkzeugen.

Das Team erkundet jetzt Figma Make, um Ideen schnell zu prototypisieren und zu testen, und bringt Feedback früher in den Prozess ein. „Magie passiert, wenn Menschen tatsächlich nebeneinander sitzen und eine gemeinsame Sprache sprechen können“, sagt Patrick.

Mit einer einzigen Plattform baut Grab weiterhin hyperlokale, hochwertige Erlebnisse auf – mit Bedacht entworfen und in großem Maßstab geliefert.