Cómo Grab escala experiencias hiperlocales en el sudeste asiático con Figma e IA

Grab es la app líder en el sudeste asiático, que presta servicio a más de 50 millones de personas en los sectores del transporte, la comida y los pagos digitales. A medida que el negocio se expandía por diversos mercados, los equipos necesitaban un sistema compartido que pudiera equilibrar la rapidez y la coherencia, sin dejar de adaptarse a las necesidades locales.

Con Figma como espacio de trabajo común, Grab creó Duxton, su sistema de diseño que ahora impulsa la app para pasajeros de Grab. Los diseñadores y los ingenieros trabajan a partir de una única fuente de información, y Dev Mode proporciona a los ingenieros los detalles de implementación que necesitan sin tener que buscar especificaciones en distintos archivos.

A medida que Grab continúa experimentando, los equipos también están explorando flujos de trabajo basados en IA —utilizando Figma Make e integraciones basadas en MCP— para crear prototipos, modernizar y localizar experiencias más rápidamente.

Desafío: Adaptar las experiencias hiperlocales a mercados diversos

Grab diseña para una región en la que no hay dos mercados iguales. Lo que resulta intuitivo en Singapur puede que no funcione en Filipinas, y una disposición que se adapta a Tailandia puede que tenga que cambiar por completo para los usuarios de Indonesia.

Pero las herramientas que utilizaba el equipo no eran suficientes. Los diseñadores trabajaban en archivos aislados, sin un sistema compartido, lo que significaba que había que volver a crear los componentes, las especificaciones solían diferir e incluso aspectos básicos —como el tamaño de las fuentes o el radio de las esquinas— no eran uniformes entre los distintos equipos.

Sin una plataforma unificada, resultaba cada vez más difícil avanzar con rapidez o ampliar lo que funcionaba. Grab necesitaba una forma de convertir rápidamente los insights locales en productos reales sin perder la coherencia entre equipos y mercados.

Solución: Una plataforma compartida para trabajar de forma más rápida y conectada con Figma

El departamento de diseño de Grab cuenta con unos 170 diseñadores y 380 ingenieros, organizados en “grupos” multifuncionales que abordan los problemas de los consumidores, los conductores y los comerciantes, y en equipos horizontales que se centran en los sistemas y la localización.

El cambio del equipo a Figma transformó su forma de trabajar. Con componentes compartidos, control de versiones integrado y visibilidad en toda la organización, Figma se convirtió en su única fuente de verdad, lo que permitió a los diseñadores avanzar más rápido y a los ingenieros acceder antes a lo que necesitaban.

“Funciones como el control de versiones y la representación visual en Figma han facilitado a los ingenieros la incorporación del diseño y su traducción al código”, comenta Suraj Swamy, director de Ingeniería y Experiencias Básicas de Grab.

En cuestión de meses, los equipos habían creado componentes reutilizables y observaron mejoras inmediatas en el flujo de trabajo. Una vez que se realiza un cambio, este se aplica a todo el sistema, por lo que la iteración es rápida, coherente y fácil de implementar.

“Ahora es más fácil que las personas revisen el trabajo de los demás. Con Figma, pueden reutilizar elementos y soluciones”, afirma Patrick Jean, jefe de Diseño de Grab. Esto ha supuesto un cambio revolucionario para la cultura de Grab, basada en la experimentación. Los diseñadores y los ingenieros pueden tomar decisiones más rápidamente y lanzar productos con mayor confianza.

El camino hacia Duxton: un sistema de diseño diseñado para crecer

Duxton es el sistema de diseño de Grab, que lleva el nombre de una calle histórica de Singapur. Este sistema sirve de base para que el equipo cree experiencias coherentes y hiperlocales en todo el sudeste asiático. Creado en Figma, Duxton ofrece a los diseñadores e ingenieros una base común de componentes reutilizables, lo que les permite avanzar rápidamente sin comprometer la calidad.

A medida que más equipos adoptaban Duxton, la atención se centró en ampliar la coherencia del diseño en toda la app. Los equipos de diseño e ingeniería de la plataforma colaboraron para crear el SDK de Duxton —la biblioteca de código que lleva la biblioteca de Duxton en Figma a la fase de producción— y explorar herramientas basadas en IA que facilitan la adopción y la alineación con el sistema. Esto ayudó a los equipos a pasar de una optimización local y aislada a un modelo compartido, en el que la rapidez se consigue reutilizando y mejorando juntos los componentes básicos comunes.

Duxton se estableció como el sistema de diseño predeterminado de Grab a finales de 2023. Para la segunda mitad de 2025, su adopción en la app había alcanzado aproximadamente el 50 %. Para llegar hasta ahí, fue necesario migrar cuidadosamente una gran cantidad de código heredado mientras el sistema y el SDK seguían en desarrollo, sin afectar a los componentes que utilizaban varios equipos. Además del trabajo técnico, los equipos tuvieron que adaptar su forma de trabajar, buscando un equilibrio entre la flexibilidad para los mercados locales y la coherencia en toda la organización.

Con Figma como base, Duxton ayuda a Grab a ofrecer experiencias coherentes y de alta calidad con rapidez. Esta coherencia se extiende a todos los productos, lo que hace que las interacciones cotidianas, como reservar un viaje o pedir comida, resulten intuitivas y fluidas.

“Tenemos que asegurarnos de que todo lo que construyamos o diseñemos cuente con la flexibilidad necesaria para satisfacer las necesidades del usuario”, dice Patrick.

Para mantener el impulso, el equipo ahora utiliza paneles para rastrear la adopción por pantalla y por equipo. Esta visibilidad identifica brechas y prioriza mejoras. También están explorando cómo la IA puede integrarse en estos flujos de trabajo para apoyar las contribuciones y acelerar aún más la adopción.

Optimización del proceso del diseño al desarrollo con Dev Mode

Grab ha observado una fuerte adopción orgánica de Dev Mode en todos los equipos. Ahora es la forma predeterminada de revisar diseños y acceder a los detalles de implementación, con un aumento de los usuarios activos de 244 el año pasado a 353 en la actualidad, lo que supone un incremento interanual de aproximadamente el 45 %. Propiedades como el color, el radio de las esquinas y la iconografía son configurables, por lo que los componentes pueden adaptarse para satisfacer necesidades locales o funcionales sin afectar al funcionamiento del sistema.

Se ha mejorado la alineación entre el diseño y la ingeniería, lo que facilita la creación de productos excelentes al permitir probar y validar rápidamente pequeños cambios, como ajustes en los textos breves o modificaciones en la disposición. Grab realiza experimentos A/B locales con grupos de control para medir el impacto en el negocio, y lanza diferentes variaciones en los distintos mercados para perfeccionar las experiencias hiperlocales.

Los ingenieros ya no tienen que revisar los archivos de diseño en busca de especificaciones. Todo lo que necesitan —detalles de los componentes, estructura, distancias— está disponible donde están trabajando.

Exploración de la próxima frontera con IA

La experimentación es fundamental en el proceso de desarrollo de Grab. A medida que avanzaban las herramientas de IA, el equipo vio la oportunidad de reducir las fricciones entre el diseño y la ingeniería, especialmente en las partes repetitivas del flujo de trabajo “del diseño al código”. Comenzaron a trabajar con Cursor, un editor de código externo basado en IA que genera código a partir de indicaciones en lenguaje natural, para ayudar a automatizar las tareas rutinarias y facilitar una iteración más rápida.

Esa base dio lugar al desarrollo de una integración interna denominada “Talk to Figma MCP”. La herramienta, creada por Grab, conecta Figma con Cursor mediante un Protocolo de Contexto de Modelo (MCP), lo que permite a los equipos extraer datos de diseño estructurados y utilizar comandos de IA para agilizar las tareas de diseño. El plugin está teniendo una gran aceptación, con 1700 usuarios semanales que generan más de 210.000 eventos, lo que pone de manifiesto la rapidez con la que los equipos están adoptando los flujos de trabajo impulsados por la IA. “Siempre estamos ampliando los límites para ver dónde está la frontera en cuanto a las capacidades de los modelos de IA”, dice Suraj.

Es un excelente ejemplo de lo versátil y personalizable que es la plataforma Figma: desde herramientas propias como Dev Mode y el servidor MCP de Figma hasta integraciones como Talk de Grab con el MCP de Figma, los equipos pueden crear el flujo de trabajo que mejor se adapte a sus necesidades. Aunque aún se encuentra en una fase inicial, la herramienta ya muestra potencial para casos de uso como la modernización de interfaces heredadas, la aceleración de los procesos de localización y la mejora de la accesibilidad, todo ello dentro de Figma.

Camino a seguir: herramientas y dinamismo compartidos

A medida que el diseño y la ingeniería siguen convergiendo, Grab ve cada vez más oportunidades para optimizar la forma en que los equipos trabajan juntos. Figma sigue siendo fundamental en esa evolución, desde la ampliación de Duxton hasta la experimentación con herramientas basadas en IA.

El equipo está probando ahora Figma Make para crear prototipos rápidamente y poner a prueba ideas, lo que permite incorporar el feedback en una fase más temprana del proceso. “La magia surge cuando las personas se sientan juntas y comparten un lenguaje común,” afirma Patrick.

Gracias a una única plataforma, Grab sigue creando experiencias hiperlocales y de alta calidad, diseñadas con un propósito claro y ofrecidas a gran escala.