CARS24, la plataforma líder en tecnología automovilística de la India, ha evolucionado rápidamente más allá de la compra y venta de coches para lanzar más de ocho nuevas empresas en diferentes zonas geográficas. Para ofrecer experiencias coherentes y de alta calidad a escala, recurrieron a Figma como su única plataforma para diseño, la creación de prototipos, la entrega al desarrollador y la colaboración.

Este cambio ha transformado el diseño de una función a un recurso operativo, generando velocidad, estructura y ahorros en toda la empresa. En un año, CARS24 lanzó un sistema de diseño escalable, aceleró las actualizaciones de productos y redujo los costes de ingeniería en casi un 30 %. Los equipos de front-end han registrado un incremento del 20 % en la productividad y, con el Sistema de diseño versión 2 y Code Connect, la empresa tiene como objetivo una reducción adicional de costes del 15-20 % en el próximo año.

El reto: escalar el diseño en un ecosistema de rápido crecimiento

CARS24 es una empresa pionera en tecnología automovilística que opera en la India, los Emiratos Árabes Unidos y Australia, y ofrece una gama completa de servicios relacionados con la propiedad de vehículos. Con más de 50 tiendas propias, más de 150 franquicias en la India y más de 12 verticales empresariales, su panorama de productos es tan complejo como amplio.

A medida que la empresa se expandía, el proceso de diseño y desarrollo se fragmentaba cada vez más. Los equipos trabajaban de forma aislada y a menudo se producían desajustes entre los equipos de diseño, producto y marketing.

«Antes de Figma, cada uno tenía su propia forma de hacer las cosas: sus propios paneles, flujos e incluso inicios de sesión. Necesitábamos unificarlo todo para crear experiencias coherentes», afirma Akshit Malhotra, VP Adjunto de Diseño de CARS24.

Centralización con Lego: el sistema de diseño basado en tokens de CARS24

Para crear coherencia entre más de 20 líneas empresariales, CARS24 creó Lego, un sistema de diseño interno basado en tokens y alojado íntegramente en Figma. Lego introdujo un lenguaje visual compartido y patrones comunes entre los equipos, manteniendo al mismo tiempo la flexibilidad necesaria para satisfacer las distintas necesidades de las marcas y los productos. El equipo incorporó variantes temáticas al sistema central para atender casos de uso como CFSPL (CARS24 Financial Services Private Limited, su filial de NBFC), CARS24 Orbit (un sistema de gestión de automóviles para optimizar diferentes aspectos de la propiedad de vehículos) y CARS24 New Cars (una plataforma digital que proporciona una forma unificada y transparente de comprar vehículos nuevos).

Actualmente, Lego ofrece soporte a más de 70 diseñadores y 120 desarrolladores en CARS24. Ahora está evolucionando hacia el Sistema de diseño versión 2, basado en un modelo claro/oscuro para una mayor adaptabilidad y un mantenimiento aún más sencillo.

Autonomía para los desarrolladores con Dev Mode y Code Connect

Dev Mode de Figma introdujo un nuevo nivel de visibilidad y estructura en el proceso de entrega. Antes, los desarrolladores dependían de los hilos de Slack o las grabaciones de pantalla para obtener aclaraciones, pero ahora inspeccionan los diseños listos para la producción dentro de Figma, y pueden acceder a tokens, estilos y especificaciones sin problemas.

Esencialmente, el uso disciplinado de tokens por parte del equipo actúa como un control de calidad. Los tokens se han convertido en la moneda estándar entre el diseño y el desarrollo, con una expectativa compartida. «Si no se convierte en token, vuelve a la fase de diseño. Ese es el nivel de propiedad actual. Incluso nuestros desarrolladores han incorporado estos tokens en su base de código”, dijo Aniket Pandey, Responsable de Sistemas de Diseño en CARS24.

CARS24 también ha comenzado a implementar Code Connect y Figma Make como parte de su transición hacia la creación de prototipos basados en el diseño. Ahora, los diseñadores crean flujos realistas e interactivos que simulan la interacción real de los usuarios con el producto, lo que permite a los desarrolladores comprender mejor la lógica, el comportamiento y la intención antes de escribir una sola línea de código. Como resultado, los equipos dedican menos tiempo a debatir requisitos imprecisos y más tiempo a perfeccionar las experiencias reales, dando lugar a iteraciones más rápidas, ciclos de control de calidad reducidos y menos sorpresas durante la implementación.

FigJam: desde el cambio estratégico de marca hasta los rituales cotidianos

Durante la renovación de la marca de CARS24, FigJam permitió la coordinación entre los cofundadores, múltiples socios de agencias y equipos funcionales de diferentes zonas geográficas. Desde los primeros paneles de inspiración hasta la remodelación de más de 150 tiendas, toda la renovación de la marca se llevó a cabo en FigJam.

También potencia los flujos de trabajo habituales, como las reuniones semanales de Product Hour, donde los equipos analizan las grabaciones de llamadas, recopilan información sobre la experiencia del cliente y la añaden directamente a la hoja de ruta. Una de estas informaciones, una simple solicitud de un botón de devolución de llamada en la página de detalles del coche, dio lugar a un cambio en la IU que mejoró la conversión en un 12 %.

Creando una cultura multifuncional

Figma ahora lo utilizan activamente los gerentes de proyectos, investigadores, especialistas en SEO, desarrolladores, diseñadores de animación, redactores de contenido e incluso las partes interesadas de la empresa, además del equipo de diseño principal de CARS24. Lo que distingue a esta práctica no es solo el acceso, sino la fluidez. Los nuevos empleados se incorporan a Figma desde el principio, y se anima a los equipos que no son de diseño a dejar comentarios contextuales o a basarse en los componentes existentes para experimentar rápidamente. Incluso el Director Ejecutivo participa activamente en los archivos de diseño, y este cambio cultural multifuncional da lugar a comentarios más precisos y a una coordinación más rápida.

La IA, los plugins y el camino por delante

De cara al futuro, CARS24 está explorando cómo la IA y la automatización pueden acelerar los flujos de trabajo, desde la generación automática de temáticas y la creación de prototipos automatizados hasta la posibilidad de que los equipos de marketing puedan utilizar de forma autónoma los recursos de las campañas. También están integrando Figma con Cursor para acelerar el diseño de disposiciones y la iteración de componentes, mientras experimentan con nuevas API de MCP para aumentar la velocidad sin sacrificar la calidad.

El objetivo a largo plazo es la autosuficiencia total en materia de diseño: equipos capaces de lanzar nuevas páginas, campañas y experimentos sin atascos en el front-end. Con Figma potenciando sus flujos de trabajo, el diseño ya no constituye una función de apoyo, sino un motor de velocidad, ahorro y escala en toda la compañía.