Come Grab scala le esperienze iperlocali nel Sud-est asiatico grazie a Figma e all'AI

Grab è la superapp leader nel Sud-est asiatico e serve oltre 50 milioni di persone nei settori dei trasporti, della ristorazione e dei pagamenti digitali. Man mano che il business cresceva in mercati così diversi, i team avevano bisogno di un sistema condiviso in grado di bilanciare velocità e coerenza, pur adattandosi alle esigenze locali.

Con Figma come spazio di lavoro comune, Grab ha dato vita a Duxton, il sistema di progettazione che oggi alimenta l'app passeggeri di Grab. Designer e ingegneri lavorano a partire da un'unica fonte di verità, e la Dev Mode fornisce agli ingegneri i dettagli di implementazione di cui hanno bisogno, senza dover cercare le specifiche in file diversi.

Mentre Grab continua a sperimentare, i team stanno anche esplorando flussi di lavoro basati sull'AI, utilizzando Figma Make e integrazioni basate su MCP, per creare prototipo, modernizzare e localizzare le esperienze più velocemente.

La Sfida: scalare esperienze iperlocali su mercati diversi

Grab progetta per un'area geografica in cui non esistono due mercati uguali. Ciò che sembra intuitivo a Singapore potrebbe non funzionare nelle Filippine, e un layout adatto alla Thailandia potrebbe dover cambiare completamente per gli utenti in Indonesia.

Ma gli strumenti che il team stava utilizzando non riuscivano a stare al passo. I designer lavoravano in file isolati senza un sistema condiviso, il che significava che i componenti dovevano essere ricostruiti, le specifiche spesso divergevano e persino gli elementi fondamentali, come le dimensioni dei font o i raggi degli angoli, non erano coerenti tra i vari team.

Senza una piattaforma unificata, diventava più difficile muoversi rapidamente o scalare ciò che funzionava. Grab aveva bisogno di un modo per trasformare rapidamente le intuizioni locali in prodotti reali, senza perdere la coerenza tra i vari team e mercati.

Soluzione: una piattaforma condivisa per un lavoro più rapido e connesso con Figma

L'organizzazione del design di Grab comprende circa 170 designer e 380 ingegneri, organizzati in "pod" interfunzionali che affrontano i problemi di consumatori, autisti e commercianti, e in team orizzontali focalizzati sui sistemi e sulla localizzazione.

Il passaggio del team a Figma ha trasformato il loro modo di lavorare. Grazie a componenti condivisi, una cronologia delle versioni integrata e una visibilità estesa a tutta l'azienda, Figma è diventato la loro unica fonte di verità, consentendo ai designer di muoversi più velocemente e offrendo agli ingegneri un accesso anticipato a tutto ciò di cui avevano bisogno.

Funzionalità come la cronologia delle versioni e la rappresentazione visiva su Figma hanno reso più facile per gli ingegneri comprendere il design e convertirlo in codice”, afferma Suraj Swamy, Head of Engineering and Core Experiences presso Grab.

Nel giro di pochi mesi, i team hanno creato componenti riutilizzabili e hanno riscontrato miglioramenti immediati nel flusso di lavoro. Una volta apportata una modifica, questa si estende a tutto il sistema, rendendo l'iterazione rapida, coerente e facile da implementare.

"Le persone guardano il lavoro degli altri con più facilità. Con Figma possono riutilizzare elementi e soluzioni”, afferma Patrick Jean, Head of Design presso Grab. Questo è stato una svolta decisiva per la cultura di Grab, fortemente orientata alla sperimentazione. Designer e ingegneri possono prendere decisioni più velocemente e rilasciare prodotti con maggiore sicurezza.

La strada verso Duxton: un sistema di progettazione sviluppato per scalare

Duxton è il sistema di progettazione di Grab, che prende il nome da una storica via di Singapore. Rappresenta il punto di ancoraggio che permette al team di creare esperienze coerenti e iperlocali in tutto il Sud-est asiatico. Creato in Figma, Duxton offre a designer e ingegneri una base condivisa di componenti riutilizzabili, consentendo loro di muoversi rapidamente senza scendere a compromessi sulla qualità.

Man mano che un numero sempre maggiore di team adottava Duxton, l'attenzione si è spostata sulla scalabilità della coerenza del design all'interno dell'app. I team di design e di ingegneria delle piattaforme hanno collaborato per creare il Duxton SDK, la libreria di codice che porta la Duxton Figma Library in produzione, e per esplorare strumenti basati sull'AI che ne facilitino l'adozione e il mantenimento dell'allineamento con il sistema. Questo ha aiutato i team a passare da un'ottimizzazione locale e isolata a un modello condiviso, in cui la rapidità deriva dal riutilizzare e migliorare insieme gli elementi costruttivi comuni.

Duxton è stato stabilito come sistema di progettazione predefinito di Grab alla fine del 2023. Entro la seconda metà del 2025, ha raggiunto circa il 50% di adozione all'interno dell'app. Raggiungere questo obiettivo ha richiesto la migrazione accurata di un'ampia area legacy mentre il sistema e l'SDK erano ancora in fase di evoluzione, il tutto senza interrompere i componenti utilizzati da più team. Parallelamente al lavoro tecnico, i team hanno dovuto cambiare il proprio modo di lavorare, bilanciando la flessibilità per i mercati locali con la coerenza all'interno dell'intera organizzazione.

Con Figma come base, Duxton aiuta Grab a offrire esperienze coerenti e di alta qualità in modo rapido. Questa coerenza si estende a tutti i prodotti, rendendo le interazioni quotidiane, come prenotare una corsa o ordinare cibo, intuitive e fluide.

"Dobbiamo assicurarci che qualsiasi cosa progettiamo o progettiamo abbia la flessibilità necessaria per rispondere alle esigenze dell'utente", afferma Patrick.

Per mantenere lo slancio, il team ora utilizza delle dashboard per tracciare l'adozione sia per singola schermata che per team. Questa visibilità aiuta a identificare le lacune e a dare priorità ai miglioramenti. Stanno inoltre esplorando come l'AI possa integrarsi in questi flussi di lavoro per supportare i contributi e accelerare ulteriormente l'adozione.

Ottimizzare il passaggio dalla progettazione allo sviluppo con Dev Mode

Grab ha riscontrato una forte adozione organica di Dev Mode tra i vari team. Ora è il metodo predefinito per ispezionare i design e accedere ai dettagli di implementazione, con gli utenti altamente attivi che sono passati dai 244 dell'anno scorso ai 353 di oggi, un incremento di circa il 45% su base annua. Proprietà come il colore, il raggio dell'angolo e l'iconografia sono configurabili, in modo che i componenti possano adattarsi per soddisfare le esigenze locali o funzionali senza compromettere il sistema.

L'allineamento tra design e ingegneria è migliorato, rendendo più facile creare ottimi prodotti attraverso il test e la convalida rapida di piccole modifiche, come ritocchi ai microtesti o piccoli aggiustamenti del layout. Grab esegue esperimenti A/B locali rispetto a gruppi di controllo per misurare l'impatto sul business, distribuendo diverse varianti nei vari mercati per affinare le esperienze iperlocali.

Gli ingegneri non hanno più bisogno di scavare all'interno dei file di progettazione alla ricerca delle specifiche. Tutto ciò di cui hanno bisogno, dettagli dei componenti, struttura, spaziatura, è visibile direttamente nel posto in cui stanno lavorando.

Esplorare la prossima frontiera con l'AI

La sperimentazione è al centro del modo in cui Grab sviluppa. Con l'avanzare degli strumenti di AI, il team ha visto l'opportunità di ridurre l'attrito tra design e ingegnerizzazione, specialmente nelle parti ripetitive del flusso di lavoro che va dal design al codice. Hanno iniziato a utilizzare Cursor, un editor di codice esterno basato sull'AI che genera codice a partire da prompt in linguaggio naturale, per aiutare ad automatizzare le attività di routine e supportare un'iterazione più rapida.

Questa base ha portato allo sviluppo di un'integrazione interna chiamata Talk to Figma MCP. Sviluppato da Grab, questo strumento collega Figma a Cursor utilizzando un Model Context Protocol (MCP), consentendo ai team di estrarre dati di design strutturati e utilizzare comandi AI per velocizzare le attività di progettazione. Il plugin sta registrando una forte adozione, con 1.700 utenti settimanali che generano oltre 210.000 eventi, a dimostrazione di quanto rapidamente i team stiano accogliendo i flussi di lavoro basati sull'AI. "Siamo sempre alla ricerca di nuovi limiti per vedere dove sia la frontiera in termini di capacità dei modelli di AI”, afferma Suraj.

È un ottimo esempio di quanto la piattaforma Figma sia ampia e personalizzabile: dagli strumenti nativi come Dev Mode e il server MCP di Figma, fino a integrazioni come Talk to Figma MCP di Grab, i team possono comporre il flusso di lavoro che meglio si adatta alle loro esigenze. Sebbene sia ancora nelle fasi iniziali, lo strumento mostra già del potenziale per casi d'uso come la modernizzazione di interfacce legacy, l'accelerazione degli sforzi di localizzazione e il miglioramento dell'accessibilità, il tutto all'interno di Figma.

La strada da percorrere: strumenti condivisi, slancio condiviso

Mentre progettazione e ingegneria continuano a convergere, Grab vede crescenti opportunità per snellire il modo in cui i team lavorano insieme. Figma rimane centrale in questa evoluzione: dallo scalare Duxton allo sperimentare con strumenti basati sull'AI.

Il team sta ora esplorando Figma Make per creare rapidamente prototipi e testare idee, inserendo i feedback nel processo fin dalle prime fasi. La magia avviene quando le persone si siedono davvero l'una accanto all'altra e hanno una lingua comune che possono parlare”, afferma Patrick.

Con un'unica piattaforma, Grab continua a creare esperienze iperlocali e di alta qualità, progettate con intenzione e distribuite su scala.