Adapter les expériences locales en Asie avec Figma et l'IA

Grab est la super application leader en Asie du Sud-Est, servant plus de 50 millions de personnes dans les secteurs du transport, de la nourriture et des paiements numériques. Alors que l'entreprise s'étendait sur divers marchés, les équipes avaient besoin d'un système partagé capable de concilier rapidité et cohérence tout en s'adaptant aux besoins locaux.

Avec Figma comme espace de travail commun, Grab a conçu Duxton, son design system qui pilote désormais l'application passager de Grab. Les designers et les ingénieurs travaillent à partir d'une seule source de vérité, et Dev Mode fournit aux ingénieurs les détails de mise en œuvre dont ils ont besoin sans avoir à courir après les spécifications dans les fichiers.

Alors que Grab continue d'expérimenter, les équipes explorent également des workflows activés par l'IA (en utilisant Figma Make et des intégrations basées sur MCP) pour prototyper, moderniser et localiser les expériences plus rapidement.

Défi : faire évoluer les expériences hyper locales sur des marchés diversifiés

Grab conçoit pour une région où aucun marché ne ressemble à un autre. Ce qui semble naturel à Singapour peut ne pas fonctionner aux Philippines, et une mise en page qui convient à la Thaïlande pourrait nécessiter une refonte pour les utilisateurs situés en Indonésie.

Mais les outils que l'équipe utilisait ne pouvaient pas suivre. Les designers travaillaient dans des fichiers isolés sans système partagé, ce qui signifiait que les composants devaient être reconstruits, que les spécifications divergeaient souvent et que même les éléments de base (par exemple, les tailles de police ou les rayons d'angle) n'étaient pas cohérents entre les équipes.

Sans une plateforme unifiée, il était désormais plus difficile d'avancer rapidement ou de développer les produits qui fonctionnaient. Grab avait besoin d'un moyen de transformer rapidement les informations locales en produits concrets sans perdre la cohérence entre les équipes et les marchés.

Solution : une plateforme partagée pour un travail plus rapide et plus connecté avec Figma

Le service de design de Grab comprend environ 170 designers et 380 ingénieurs, organisés en « pods » transversaux qui s'attèlent aux problèmes des consommateurs, des chauffeurs et des commerçants et en équipes horizontales qui se concentrent sur les systèmes et la localisation.

Transférer l'équipe vers Figma a transformé sa façon de travailler. Avec des composants partagés, une gestion des versions intégrée et une visibilité à l'échelle de l'organisation, Figma est devenu leur source unique de vérité – permettant aux designers de travailler plus rapidement et donnant aux ingénieurs un accès anticipé aux données requises.

« Les fonctionnalités telles que la gestion des versions et la représentation visuelle dans Figma ont aidé les ingénieurs à utiliser le design et à le traduire en code », indique Suraj Swamy, responsable de l'ingénierie et des expériences de base chez Grab.

En quelques mois, les équipes ont conçu des composants réutilisables et constaté des améliorations immédiates des workflows. Une fois qu'un changement est effectué, il se répercute à tout le système, ce qui rend l'itération rapide, cohérente et facile à déployer.

« Les utilisateurs examinent plus facilement le travail des uns et des autres. Avec Figma, ils peuvent réutiliser des éléments et des solutions », déclare Patrick Jean, directeur du design chez Grab. Cela a révolutionné la culture axée sur les expériences de Grab. Les designers et les ingénieurs peuvent prendre des décisions plus rapidement et livrer leurs produits en toute confiance.

En route pour Duxton : un design system conçu pour évoluer

Duxton est le design system de Grab, nommé d'après une rue historique de Singapour. Il ancre la manière dont l'équipe conçoit des expériences cohérentes et hyper locales dans toute l'Asie du Sud-Est. Créé dans Figma, Duxton offre aux designers et aux ingénieurs une base commune de composants réutilisables, leur permettant d'avancer rapidement sans compromettre la qualité.

Alors que de plus en plus d'équipes adoptaient Duxton, l'accent s'est déplacé vers la mise à l'échelle de la cohérence de conception dans l'application. Les équipes de design et d'ingénierie de plateforme ont collaboré pour créer le SDK Duxton (la bibliothèque de code qui met la bibliothèque Figma Duxton en production) et examiner des outils pilotés par l'IA qui facilitent son adoption et permettent de le maintenir aligné sur le système. Les équipes ont ainsi pu passer d'une optimisation locale et isolée à un modèle partagé, où la rapidité découle de la réutilisation et de l'amélioration des blocs de construction communs.

Duxton a été établi comme design system par défaut de Grab à la fin de l'année 2023. À la seconde moitié de 2025, son taux d'adoption dans l'application était d'environ 50 %. Parvenir à ce taux a nécessité de migrer avec soin une quantité de systèmes hérités alors que le système et le SDK évoluaient encore – sans perturber les composants utilisés par plusieurs équipes. Parallèlement au travail technique, les équipes ont dû modifier leur mode de fonctionnement, en équilibrant la flexibilité des marchés locaux avec la cohérence au sein de l'organisation.

Avec Figma comme socle, Duxton permet à Grab d'offrir rapidement des expériences cohérentes et de haute qualité. Cette cohérence s'étend à tous les produits, rendant les interactions quotidiennes telles que la réservation d'une course ou la commande de nourriture intuitives et fluides.

« Nous devons nous assurer que les produits que nous concevons présentent la flexibilité nécessaire pour répondre aux besoins de l'utilisateur », déclare Patrick Jean.

Pour maintenir l'élan, l'équipe utilise désormais des tableaux de bord afin de surveiller l'adoption par écran et par équipe. Cette visibilité aide à identifier les lacunes et à hiérarchiser les améliorations. Elle examine aussi comment l'IA peut s'intégrer à ces workflows pour soutenir les contributions et accélérer encore l'adoption.

Simplifier le workflow conception-développement avec Dev Mode

Grab a observé une adoption forte et organique de Dev Mode dans toutes les équipes. Ce dernier constitue désormais la méthode par défaut d'inspection des designs et d'accès aux détails de mise en œuvre, avec des utilisateurs très actifs dont le nombre est passé de 244 l'année dernière à 353 aujourd'hui, soit une augmentation d'environ 45 % d'une année à l'autre. Les propriétés telles que la couleur, le rayon d'angle et l'iconographie sont configurables, de sorte que les composants peuvent s'adapter aux besoins locaux ou fonctionnels sans compromettre le système.

L'alignement entre les équipes de design et d'ingénierie s'est amélioré, ce qui facilite la création de produits exceptionnels en testant et en validant rapidement des changements mineurs, tels que des ajustements de microcopie ou de mise en page. Grab exécute des expériences A/B locales sur des groupes de contrôle pour mesurer l'impact commercial, en déployant différentes variantes sur les marchés afin d'optimiser les expériences hyper locales.

Les ingénieurs n'ont plus besoin de rechercher les spécifications dans les fichiers de design. Tout ce dont ils ont besoin (détails des composants, structure, espacement) est rendu visible exactement là où ils travaillent.

Explorer la prochaine frontière avec l'IA

L'expérimentation est au cœur du processus de conception de Grab. Avec l'avancée des outils d'IA, l'équipe a vu une opportunité de réduire les frictions entre le design et l'ingénierie, notamment dans les parties répétitives du workflow design-code. Elle a commencé à utiliser Cursor, un éditeur de code externe piloté par l'IA qui génère du code à partir de prompts en langage naturel, pour aider à automatiser les tâches routinières et à soutenir une itération plus rapide.

Ce socle a conduit au développement d'une intégration interne appelée Talk to Figma MCP. Conçu par Grab, l'outil connecte Figma à Cursor en utilisant un protocole de contexte de modèle (MCP) afin que les équipes puissent extraire des données de conception structurées et utiliser des commandes d'IA pour accélérer les tâches de conception. Le plugin connaît une adoption significative, avec 1 700 utilisateurs hebdomadaires générant plus de 210 000 événements, ce qui témoigne de la rapidité à laquelle les équipes adoptent les workflows pilotés par l'IA. « Nous repoussons toujours les limites pour voir où se trouve la frontière en termes de fonctionnalités des modèles d'IA », déclare Suraj Swamy.

C'est un bel exemple montrant à quel point la plateforme Figma peut être développée et personnalisée : des outils propriétaires tels que Dev Mode et le serveur MCP de Figma aux intégrations telles que Talk to Figma MCP de Grab, les équipes peuvent assembler le workflow qui répond à leurs besoins. Bien qu'étant encore à ses tout premiers débuts, l'outil montre déjà un potentiel pour les cas d'utilisation tels que la modernisation des interfaces héritées, l'accélération des efforts de localisation et l'amélioration de l'accessibilité – le tout dans Figma.

Le chemin à venir : des outils communs, un élan commun

À mesure que la conception et l'ingénierie convergent, Grab voit croître les opportunités de rationaliser la collaboration des équipes. Figma demeure central à cette évolution – qu'il s'agisse de développer Duxton ou de tester des outils pilotés par l'IA.

L'équipe examine à présent Figma Make pour rapidement créer des prototypes d'idées et les tester, intégrant le feedback au processus plus tôt. « La magie survient lorsque les utilisateurs se réunissent physiquement et peuvent parler le même langage », dit Patrick Jean.

Avec une seule plateforme, Grab continue de développer des expériences hyper locales de haute qualité, conçues avec intention et proposées à grande échelle.