Como a Grab escala experiências hiperlocais em todo o Sudeste Asiático com o Figma e IA

A Grab é o principal superapp do Sudeste Asiático, atendendo a mais de 50 milhões de pessoas nas áreas de transporte, alimentação e pagamentos digitais. À medida que a empresa se expandia por diversos mercados, as equipes precisavam de um sistema compartilhado que conseguisse equilibrar rapidez e consistência, sem deixar de se adaptar às necessidades locais.

Com o Figma como uma área de trabalho comum, a Grab criou o Duxton, seu design system que agora está por trás do app de passageiros da Grab. Designers e engenheiros trabalham a partir de uma única fonte da verdade, e o Dev Mode fornece aos engenheiros os detalhes de implementação de que precisam, sem a necessidade de procurar especificações em vários arquivos.

Enquanto a Grab continua a experimentar, as equipes também estão explorando fluxos de trabalho habilitados por IA — usando Figma Make e integrações baseadas no MCP — para prototipar, modernizar e localizar experiências de forma mais rápida.

Desafio: escalar experiências hiperlocais em mercados diversos

A Grab projeta para uma região em que não há dois mercados iguais. O que parece intuitivo em Singapura pode não funcionar nas Filipinas, e um layout adequado para a Tailândia pode precisar ser totalmente adaptado para usuários na Indonésia.

Mas as ferramentas que a equipe estava usando não conseguiam acompanhar o ritmo. Os designers trabalhavam em arquivos isolados, sem um sistema compartilhado, o que significava que os componentes precisavam ser recriados, as especificações frequentemente divergiam e até mesmo elementos básicos — como tamanhos de fonte ou raios de canto — não eram consistentes entre as equipes.

Sem uma plataforma unificada, ficou mais difícil agir rapidamente ou escalar o que dava certo. A Grab precisava de uma maneira de transformar insights locais em produtos reais rapidamente, sem comprometer a consistência entre equipes e mercados.

Solução: uma plataforma compartilhada para um trabalho mais rápido e conectado com Figma

A organização de design da Grab conta com cerca de 170 designers e 380 engenheiros, organizados em times multifuncionais que abordam os desafios dos consumidores, motoristas e comerciantes, além de equipes horizontais focadas em sistemas e localização.

A migração da equipe para o Figma transformou a forma como trabalhavam. Com componentes compartilhados, versionamento integrado e visibilidade em toda a organização, o Figma tornou-se sua fonte única de verdade — permitindo que os designers trabalhassem mais rapidamente e dando aos engenheiros acesso antecipado ao que precisavam.

"Recursos como versionamento e representação visual no Figma facilitaram o trabalho dos engenheiros na compreensão do design e na sua tradução em código", compartilha Suraj Swamy, Chefe de Engenharia e Experiências Centrais da Grab.

Em poucos meses, as equipes construíram componentes reutilizáveis e viram melhorias imediatas no fluxo de trabalho. Uma vez que uma mudança é feita, ela escala por todo o sistema, tornando a iteração rápida, consistente e fácil de implementar.

“As pessoas observam o trabalho umas das outras mais facilmente. Com o Figma, elas podem reutilizar elementos e soluções”, afirma Patrick Jean, Chefe de Design da Grab. Isso tem sido um divisor de águas para a cultura da Grab, baseada na experimentação. Designers e engenheiros podem tomar decisões mais rapidamente e lançar produtos com mais confiança.

O caminho para o Duxton: um design system construído para escalar

Duxton é o design system da Grab, nomeado em homenagem a uma rua histórica em Singapura. Isso ancora como a equipe constrói experiências consistentes e hiperlocais em todo o Sudeste Asiático. Criado no Figma, o Duxton oferece aos designers e engenheiros uma base compartilhada de componentes reutilizáveis, permitindo que trabalhem com agilidade sem comprometer a qualidade.

À medida que mais equipes adotaram o Duxton, o foco mudou para escalar a consistência do design em todo o app. As equipes de design e engenharia de plataforma colaboraram para construir o Duxton SDK — a biblioteca de código que traz a Duxton Figma Library para a produção — e explorar ferramentas alimentadas por IA que tornam mais fácil adotar e manter-se alinhado com o sistema. Isso ajudou as equipes a passarem de uma otimização local e isolada para um modelo compartilhado, no qual a agilidade decorre da reutilização e do aprimoramento conjunto de componentes básicos comuns.

O Duxton foi estabelecido como o design system padrão da Grab no final de 2023. Até a segunda metade de 2025, ele atingiu aproximadamente 50% de adoção no app. Chegar a esse ponto exigiu uma migração cuidadosa de uma grande base legada enquanto o sistema e o SDK ainda estavam em evolução — sem interromper os componentes utilizados por várias equipes. Paralelamente ao trabalho técnico, as equipes tiveram que mudar sua forma de trabalhar, equilibrando a flexibilidade para os mercados locais com a consistência em toda a organização.

Com o Figma como base, o Duxton ajuda a Grab a oferecer experiências consistentes e de alta qualidade rapidamente. Essa consistência se estende a produtos, tornando interações cotidianas, como reservar um transporte ou pedir comida, intuitivas e sem complicações.

“Precisamos garantir que tudo o que construímos ou projetamos tenha a flexibilidade necessária para atender às necessidades do usuário”, diz Patrick.

Para manter o ritmo, a equipe agora usa painéis para acompanhar a adoção por tela e por equipe. Essa visibilidade ajuda a identificar lacunas e priorizar melhorias. Eles também estão explorando como a IA pode se integrar a esses fluxos de trabalho para apoiar contribuições e acelerar ainda mais a adoção.

Otimizando o fluxo de design para desenvolvimento com o Dev Mode

A Grab tem observado uma forte e orgânica adoção do Dev Mode entre as equipes. Atualmente, ele é a forma padrão de inspecionar designs e acessar detalhes de implementação, com usuários altamente ativos passando de 244 no ano passado para 353 hoje — um aumento de aproximadamente 45% ano a ano. Propriedades como cor, raio de canto e iconografia são configuráveis, permitindo que os componentes se adaptem a necessidades locais ou funcionais sem comprometer o sistema.

O alinhamento entre design e engenharia melhorou, facilitando a construção de grandes produtos ao testar e validar rapidamente pequenas alterações, como ajustes de microcópia ou de layout. A Grab realiza experimentos A/B locais contra grupos de controle para medir o impacto nos negócios, lançando diferentes variações em diversos mercados para refinar experiências hiperlocais.

Os engenheiros não precisam mais vasculhar arquivos de design em busca de especificações. Tudo o que eles precisam — detalhes dos componentes, estrutura, espaçamento — está disponível exatamente onde estão trabalhando.

Explorando a próxima fronteira com IA

A experimentação é fundamental para a forma como a Grab constrói. À medida que as ferramentas de IA avançavam, a equipe viu uma oportunidade de reduzir o atrito entre design e engenharia, especialmente nas partes repetitivas do fluxo de trabalho de design para código. Eles começaram a usar o Cursor, um editor de código externo baseado em IA que gera código a partir de prompts em linguagem natural, para ajudar a automatizar tarefas rotineiras e facilitar iterações mais rápidas.

Essa fundação levou ao desenvolvimento de uma integração interna chamada Talk to Figma MCP. Criada pelo Grab, a ferramenta conecta o Figma ao Cursor usando um Model Context Protocol (MCP), permitindo que as equipes extraiam dados de design estruturados e usem comandos de IA para agilizar as tarefas de design. O plugin está tendo uma forte adoção, com 1,7 mil usuários semanais gerando mais de 210 mil eventos, sinalizando o quão rapidamente as equipes estão adotando fluxos de trabalho com suporte de IA. "Estamos sempre expandindo os limites para ver onde está a fronteira em termos das capacidades dos modelos de IA", diz Suraj.

É um ótimo exemplo de como a plataforma Figma é expansiva e personalizável: desde ferramentas nativas como o Dev Mode e o servidor MCP do Figma até integrações como o Talk to Figma MCP da Grab, as equipes podem montar o fluxo de trabalho que atenda às suas necessidades. Embora ainda esteja nos estágios iniciais, a ferramenta já mostra potencial para casos de uso, como modernizar interfaces legadas, acelerar esforços de localização e melhorar a acessibilidade — tudo dentro do Figma.

O caminho à frente: ferramentas compartilhadas, impulso compartilhado

À medida que o design e a engenharia continuam a convergir, a Grab vê oportunidades crescentes para simplificar a forma como as equipes trabalham juntas. O Figma continua central nessa evolução — desde a ampliação do Duxton até a experimentação com ferramentas alimentadas por IA.

A equipe agora está explorando o Figma Make para prototipar e testar ideias rapidamente, incorporando feedback mais cedo no processo. “A magia acontece quando as pessoas realmente se sentam lado a lado e têm uma língua comum com a qual possam se comunicar”, diz Patrick.

Com uma única plataforma, a Grab continua a construir experiências hiperlocais e de alta qualidade — projetadas com intenção e entregues em escala.