Design em movimento: CARS24 constrói mais rápido com o Figma
Design em movimento: CARS24 constrói mais rápido com o Figma
A CARS24, principal plataforma de tecnologia de automóveis da Índia, expandiu seu portfólio com mais de 8 negócios em novas regiões. Para fornecer experiências consistentes e de alta qualidade em escala, eles recorreram ao Figma como sua plataforma única para design, prototipagem, entrega para desenvolvedores e colaboração.
Essa mudança transformou o design de uma função em um ativo operacional—impulsionando velocidade, estrutura e economia em toda a empresa. Em um ano, a CARS24 lançou um design system escalável, acelerou lançamentos de produtos e reduziu os custos de engenharia em quase 30%. As equipes de front-end relatam um aumento de 20% na produtividade, e com o Design System V2 e o Code Connect, a empresa está visando uma redução adicional de custos de 15-20% no próximo ano.
O desafio: Escalar o design em um ecossistema de rápido crescimento
A CARS24 é uma empresa de tecnologia de automóveis pioneira operando na Índia, nos Emirados Árabes Unidos e na Austrália, oferecendo um conjunto completo de serviços de propriedade de veículos. Com mais de 50 lojas próprias, mais de 150 lojas franqueadas na Índia e também mais de 12 verticais de negócios, seu cenário de produtos é tão complexo quanto expansivo.
À medida que a empresa se expandia, o processo de design e desenvolvimento tornou-se cada vez mais fragmentado. As equipes trabalhavam em silos, e frequentemente ocorriam desalinhamentos entre as equipes de design, produto e marketing.
“Antes do Figma, cada um tinha sua própria maneira de fazer as coisas—seus próprios painéis, fluxos e até logins. Precisávamos unir tudo para criar experiências consistentes”, disse Akshit Malhotra, AVP de Design da CARS24.
Centralizando com Lego: O design system tokenizado da CARS24
Para criar consistência em mais de 20 linhas de negócios, a CARS24 construiu o Lego, um design system tokenizado interno hospedado inteiramente no Figma. Lego introduziu uma linguagem visual compartilhada e padrões entre as equipes, mantendo a flexibilidade para necessidades distintas de marca e produto. A equipe adicionou variantes temáticas ao sistema central para atender a casos de uso como o CFSPL (CARS24 Financial Services Private Limited, sua subsidiária NBFC), CARS24 Orbit (um sistema de gerenciamento de carros para otimizar diferentes aspectos da propriedade de veículos) e CARS24 New Cars (uma plataforma digital que oferece uma maneira unificada e transparente de comprar veículos novos).
Com o Figma, passamos de ferramentas dispersas e equipes isoladas para uma plataforma poderosa. Isso eliminou a confusão, aumentou a clareza e tornou a colaboração entre design, produto e tecnologia mais perfeitamente integrada.
— Bibek Kumar, Gerente Sênior de Produto, CARS24
Atualmente, o Lego alimenta mais de 70 designers e 120 desenvolvedores na CARS24. Agora está evoluindo para o Design System V2, construído em um modelo claro/escuro para maior adaptabilidade e manutenção ainda mais fácil.
Permitindo a autonomia dos desenvolvedores com Dev Mode e Code Connect
O Modo de Desenvolvedor do Figma introduziu um novo nível de visibilidade e estrutura ao processo de entrega. Onde antes os desenvolvedores dependiam de conversas no Slack ou gravações de tela para esclarecimentos, agora eles inspecionam designs prontos para produção dentro do Figma—acessando tokens, estilos e especificações de maneira fluida.
Crucialmente, o uso disciplinado de tokenização pela equipe atua como uma barreira de qualidade. Tokens se tornaram a moeda padrão entre design e desenvolvimento com uma expectativa compartilhada. “Se não estiver tokenizado, volta para o design. Esse é o nível de propriedade agora. Até nossos desenvolvedores incorporaram esses tokens em sua base de código,” disse Aniket Pandey, Líder de Design System na CARS24.
A CARS24 também começou a implementar o Code Connect e o Figma Make como parte de sua transição para prototipagem liderada por design. Agora, os designers constroem fluxos realistas e interativos que simulam como os usuários realmente interagirão com o produto, oferecendo aos desenvolvedores uma compreensão mais clara da lógica, comportamento e intenção antes que uma única linha de código seja escrita. Como resultado, as equipes passam menos tempo debatendo requisitos vagos e mais tempo refinando experiências reais, levando a iterações mais rápidas, ciclos de QA reduzidos e menos surpresas durante a implementação.
Em vez de debater no abstrato, prototipamos cedo e recebemos feedback em algo real. Isso nos ajuda a fechar ciclos mais rápido e alcançar melhores resultados.
— Aniket Pandey, Líder de Design System na CARS24
FigJam: Do rebranding estratégico aos rituais do dia-a-dia
Durante o rebranding da CARS24, o FigJam permitiu o alinhamento entre cofundadores, múltiplos parceiros de agências e equipes funcionais em diferentes regiões. Desde moodboards iniciais até o redesenho de mais de 150 lojas, todo o rebranding aconteceu no FigJam.
Ele também impulsiona fluxos de trabalho do dia-a-dia, como reuniões semanais do Product Hour, onde as equipes analisam gravações de chamadas, capturam insights de CX e os adicionam diretamente ao roteiro. Um desses insights—uma simples solicitação de botão de retorno de chamada na Página de Detalhes do Carro—levou a uma mudança de UI que melhorou a conversão em 12%.
Nossos pesquisadores praticamente vivem no FigJam. De PMs a SEO e CX, todos o estão usando para capturar feedback, sintetizar insights e alinhar mais rápido.
— Akshit Malhotra, Diretor de Criação na CARS24
Construindo uma cultura multifuncional
O Figma agora é usado ativamente por gerentes de produto, pesquisadores, especialistas em SEO, desenvolvedores, designers de animação, redatores e até mesmo stakeholders de negócios, além da equipe de design principal na CARS24. O que diferencia esta prática não é apenas o acesso, mas a fluência. Novos contratados são integrados ao Figma desde cedo, e equipes não relacionadas a design são encorajadas a deixar feedback contextual ou construir com base em componentes existentes para experimentação rápida. Até o CEO se envolve ativamente com arquivos de design, com essa mudança cultural transversal resultando em feedback mais preciso e alinhamento mais rápido.
IA, plugins e o caminho pela frente
Olhando para o futuro, a CARS24 está explorando como IA e automação podem acelerar fluxos de trabalho, desde a geração automática de temas e protótipos automatizados até capacitar equipes de marketing a gerenciar ativos de campanha. Eles também estão integrando o Figma com o Cursor para acelerar o design de layout e iteração de componentes, enquanto experimentam novas APIs MCP para aumentar a velocidade sem sacrificar a qualidade.
A adoção exige esforço. Mas uma vez que as equipes se alinham e centralizam o design, o retorno é enorme. Você não está apenas resolvendo para hoje, está construindo um sistema que escala com as ambições da sua empresa.
— Akshit Malhotra, AVP, Design, CARS24
O objetivo a longo prazo é a autossuficiência completa em design: equipes capazes de lançar novas páginas, campanhas e experimentos sem gargalos no front-end. Com o Figma impulsionando seus fluxos de trabalho, o design não é mais uma função de suporte, mas um motor de velocidade, economia e escala em toda a empresa.
Veja como o Figma ajuda a escalar o design
Um design excelente tem o potencial de diferenciar seu produto e sua marca. Mas tudo o que é bom é feito em equipe. O Figma une equipes de produtos em um fluxo de trabalho de design rápido e mais inclusivo.
Entre em contato para saber mais sobre como o Figma pode ajudar empresas a escalar o design.
Vamos abordar como o Figma pode ajudar:
- Centraliza todas as etapas do processo de design, desde a concepção até a criação e a construção, em um único lugar
- Acelera os fluxos de trabalho de design com um design system compartilhado por toda a empresa
- Incentiva a inclusão no processo da equipe de produto com produtos que são acessíveis, online e fáceis de usar