Cómo Grab lleva experiencias muy locales al sudeste asiático con Figma y la IA

Grab es la superaplicación líder en el sudeste asiático, que presta servicio a más de 50 millones de personas en los ámbitos del transporte, la restauración y los pagos digitales. A medida que el negocio iba creciendo en distintos mercados, los equipos necesitaban un sistema común que combinara rapidez y 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 potencia la aplicación para pasajeros de Grab. Los diseñadores y los ingenieros trabajan a partir de una fuente única de información, y Dev Mode proporciona a los ingenieros los detalles de implementación que necesitan sin tener que buscar especificaciones en varios archivos.

A medida que Grab sigue 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.

Reto: llevar experiencias muy locales a diversos mercados

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 quizá tenga que cambiar por completo para los usuarios de Indonesia.

Pero las herramientas que usaba el equipo no daban la talla. Los diseñadores trabajaban en archivos aislados sin un sistema compartido, por lo que había que volver a crear componentes, las especificaciones solían diferir y ni siquiera los aspectos básicos —como el tamaño de las fuentes o el radio de las esquinas— eran coherentes entre los distintos equipos.

Sin una plataforma unificada, cada vez era más difícil avanzar con rapidez o escalar lo que funcionaba. Grab necesitaba una forma de convertir rápidamente los conocimientos 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 equipo de diseño de Grab cuenta con unos 170 diseñadores y 380 ingenieros, organizados en “grupos“ multifuncionales que se ocupan de los problemas de los usuarios, conductores y 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 fuente única de información, permitiendo a los diseñadores trabajar 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 comprensión del diseño y su traducción al código”, explica Suraj Swamy, jefe de Ingeniería y Experiencias Principales de Grab.

En cuestión de meses, los equipos habían creado componentes reutilizables y notaron 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 ver el trabajo de los demás. Con Figma, pueden reutilizar elementos y soluciones”, dice Patrick Jean, jefe de Diseño de Grab. Esto ha supuesto un cambio radical para la cultura de Grab, basada en la experimentación. Los diseñadores y los ingenieros pueden tomar decisiones más deprisa y lanzar productos con más confianza.

El camino a Duxton: un sistema de diseño pensado para escalar

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

A medida que más equipos empezaron a usar Duxton, la atención se centró en garantizar la coherencia del diseño en toda la aplicación. 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 con tecnología de IA que facilitan el uso y la adaptación al 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, ya se había adoptado en aproximadamente el 50 % de la aplicación. Llegar hasta ahí supuso migrar con cuidado una gran cantidad de código heredado mientras el sistema y el SDK seguían evolucionando, sin afectar a los componentes que usaban varios equipos. Además del trabajo técnico, los equipos tuvieron que cambiar su forma de trabajar, buscando el 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 creamos o diseñamos tenga la flexibilidad necesaria para satisfacer las necesidades del usuario”, dice Patrick.

Para mantener el impulso, el equipo utiliza ahora paneles para hacer un seguimiento de la adopción por pantalla y por equipo. Esta visibilidad ayuda a identificar las deficiencias y a priorizar las mejoras. Además, están estudiando cómo se puede integrar la IA en estos flujos de trabajo para facilitar las contribuciones y acelerar aún más la adopción.

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

En Grab, Dev Mode ha tenido una gran aceptación orgánica entre todos los equipos. Ahora es la forma predeterminada de revisar diseños y acceder a los detalles de implementación, y el número de usuarios activos ha aumentado 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 que el sistema deje de funcionar.

La alineación entre el diseño y la ingeniería ha mejorado, por lo que ahora es más fácil crear productos excelentes al poder probar y validar rápidamente pequeños cambios, como retoques en la microcopia o ajustes en la disposición. Grab lleva a cabo 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 muy locales.

Los ingenieros ya no tienen que rebuscar en los archivos de diseño para encontrar las especificaciones. Todo lo que necesitan—detalles, estructura y espaciado de componentes—está disponible justo donde están trabajando.

Explorar la próxima frontera con IA

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

Esa base dio lugar al desarrollo de una integración interna llamada “Talk to Figma MCP”. Creada por Grab, la herramienta conecta Figma con Cursor mediante un Protocolo de Contexto de Modelo (MCP), para que los equipos puedan extraer datos de diseño estructurados y usar comandos de IA para agilizar las tareas de diseño. El plugin está teniendo una gran acogida, con 1700 usuarios semanales que generan más de 210 000 eventos, lo que demuestra lo rápido que los equipos están adoptando los flujos de trabajo con tecnología de IA. “Siempre estamos traspasando los límites para ver dónde está la frontera en cuanto a las capacidades de los modelos de IA”, dice Suraj.

Es un gran ejemplo de lo amplia y personalizable que es la plataforma de Figma: desde herramientas propias como Dev Mode y el servidor MCP de Figma hasta integraciones como “Talk to Figma MCP” de Grab, los equipos pueden crear el flujo de trabajo que mejor se adapte a sus necesidades. Aunque todavía 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 dentro de Figma.

El futuro: herramientas compartidas, impulso compartido

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

El equipo actualmente está explorando Figma Make para crear prototipos y probar ideas rápidamente, incorporando los comentarios en una fase más temprana del proceso. “La magia surge cuando las personas se sientan juntas y comparten un lenguaje común”, dice Patrick.

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