Saltar al contenido principal

Innovación a gran escala: cómo Flipkart potencia su visión de diseño para el comercio electrónico en la India con Figma.

Flipkart, una de las plataformas de comercio electrónico más grandes de la India, colaboró con Figma para unificar el diseño y la ingeniería en su amplio ecosistema de productos. Con equipos que abarcan las líneas de productos B2C y B2B, Flipkart recurrió a Figma como una plataforma colaborativa para la creación de pizarras, el diseño, el prototipado y la entrega al desarrollador.

Desde su incorporación, Figma ha reducido los ciclos de diseño y lanzamiento de 4,5 meses a 45 días para el lanzamiento de su negocio de comercio rápido, Flipkart Minutes, además de fortalecer las colaboraciones interfuncionales y fomentar un enfoque de diseño más consistente y basado en sistemas.

Pantallas que muestran diseñosPantallas que muestran diseños
Desde comestibles hasta moda, las diversas experiencias de las apps de Flipkart se diseñan y escalan utilizando Figma.

Desafío: diseñar a escala en un ecosistema distribuido

Flipkart, que ofrece productos que van desde artículos electrónicos y moda hasta comestibles y artículos básicos para el hogar a millones de personas, es una de las plataformas de comercio electrónico más reconocidas de la India. Con un crecimiento rápido y líneas de productos en expansión como Minutes, Grocery, Travel y Pay, necesitaban centrarse en ofrecer experiencias intuitivas, consistentes y de alta calidad a los clientes.

Esto se volvió fundamental durante la pandemia, cuando el equipo de diseño de Flipkart, formado por 100 personas, necesitaba una forma más conectada de mantener la calidad mientras trabajaba de forma remota.

“Era necesario reunir a todo el mundo en una única plataforma. Un pequeño equipo de Flipkart comenzó a explorar Figma y se dio cuenta de sus ventajas, por lo que lo escalamos rápidamente a todo el equipo de diseño", dijo Gaurav Mathur, vicepresidente de Diseño en Flipkart.

Solución: una plataforma para todo el flujo de trabajo del producto

Antes de Figma, el equipo de diseño de Flipkart tenía que lidiar con varias herramientas y mover archivos manualmente entre plataformas. El control de versiones era complicado, las entregas ineficaces y la colaboración inconsistente.

La incorporación de Figma supuso un cambio cultural: ahora, los equipos de diseño, producto e ingeniería colaboran en tiempo real dentro de una plataforma compartida.

Figma revolucionó nuestra forma de trabajar y colaboramos entre equipos. Ha aumentado tanto nuestra eficiencia, colaboración y ritmo de innovación tanto que ahora es una herramienta indispensable para el funcionamiento de nuestra organización de diseño en Flipkart.

Varun Dhanda, director de Diseño del área de Consumo de Flipkart

Pantalla de computadora con gráficosPantalla de computadora con gráficos
Los equipos de diseño, producto e ingeniería colaboran en Figma, agilizando los ciclos de feedback y acelerando el proceso del diseño al lanzamiento. Los datos son solo una representación hipotética.

Hoy en día, los diseñadores marcan los archivos como listos para desarrolladores. Los ingenieros utilizan Dev Mode para inspeccionar las especificaciones y las anotaciones. Los gerentes de producto dejan feedback en contexto. Incluso los directivos revisan los prototipos a través de enlaces compartidos, a menudo en dispositivos móviles, lo que permite una alineación y una toma de decisiones más rápidas.

Consistencia en el diseño gracias a Figma Empresa

Flipkart utiliza los espacios de trabajo de Figma Empresa para imitar su estructura empresarial, lo que facilita a los equipos encontrar los archivos, sistemas de diseño y bibliotecas adecuados sin problemas. Esta estructura ha agilizado la incorporación y ha ayudado a los nuevos diseñadores a adaptarse rápidamente.

Con Figma Enterprise, nuestros espacios de trabajo reflejan la forma en que está organizada nuestra empresa. Una vez que ingresas en el espacio de trabajo de un equipo, los recursos y las bibliotecas disponibles te permiten iniciar tu flujo de trabajo de diseño rápidamente.

Ajith Sowndararajan, director de Diseño Empresarial de Flipkart

Figma Empresa también garantiza una colaboración segura con agencias y socios, sin comprometer el trabajo confidencial.

Dos pantallas de computadora que muestran los flujos de trabajo empresarialesDos pantallas de computadora que muestran los flujos de trabajo empresariales
Flipkart diseña y escala sus plataformas esenciales para logística y ventas en Figma, aportando precisión a los complejos flujos de trabajo empresariales.

Diseño con rapidez y precisión

Flipkart funciona con dos sistemas de diseño principales: el sistema de diseño Flipkart para productos orientados al consumidor y MURV (modular, actualizable, reutilizable y versátil) para plataformas empresariales como logística, cadena de suministro y herramientas para vendedores.

Con raíces en el sánscrito, murv (मुर्व्) significa "unir" o "atar": una metáfora de un sistema diseñado para unificar experiencias entre plataformas. Gracias a las variables, ambos sistemas permiten a los equipos aplicar temas, localizar y escalar componentes de forma fluida en todas las marcas y productos, desde combinaciones de colores para diferentes sectores hasta configuraciones tipográficas para 11 idiomas de la India.

Variables de color en pantallaVariables de color en pantalla
Los equipos de Flipkart utilizan variables para aplicar temas a los componentes, gestionar tokens y escalar los diseños en 11 idiomas y varias plataformas.
Flipkart utiliza variables y temas para escalar experiencias de marca diferenciadas en todo su ecosistema de productos.

Los diseñadores crean una vez, aplican temas, reutilizan componentes y ofrecen experiencias consistentes a una velocidad extraordinaria.

Diseñamos una vez y podemos aplicar el tema en Flipkart, Grocery y Minutes. Las variables nos ayudan a entregar resultados más rápidos y a gran escala.

Gaurav Mathur, vicepresidente de Diseño de Flipkart

Esta base dio sus frutos cuando Flipkart lanzó Flipkart Minutes, su negocio de comercio rápido, en un tiempo récord.

“Aprovechando el sistema de diseño MURV creado con Figma, redujimos el tiempo de implementación de unos 4,5 meses a solo 45 días.sistema de diseño Esta eficacia aceleró el exitoso lanzamiento de Flipkart Minutes para los consumidores finales", dijo Ajith.

Incluso el equipo de cadena de suministro aprovechó el sistema de diseño MURV para reducir los plazos de desarrollo en casi un 75 %, un avance que habría sido impensable sin Figma.

Reinvención de la entrega al desarrollador

Con Dev Mode, los diseñadores marcan los archivos como "listos para desarrollo” y agregan anotaciones directamente en las especificaciones, mientras que los desarrolladores inspeccionan los recursos y el contexto en un solo lugar, lo que agiliza la implementación y reduce los inconvenientes en la entrega.

Flipkart también ha creado plugins internos de Figma que automatizan flujos de trabajo, lo que aumenta la eficiencia del diseño hasta en un 80 %.

Dev Mode en pantallaDev Mode en pantalla
Los ingenieros utilizan Dev Mode para inspeccionar las especificaciones y obtener recursos directamente de los archivos de diseño, lo que reduce el tiempo de entrega y agiliza el envío de funciones.

Colaboración interfuncional con FigJam

FigJam también se ha convertido en la plataforma preferida de Flipkart para retrospectivas trimestrales, sesiones de lluvia de ideas y talleres.

"FigJam destaca especialmente por su accesibilidad. Su simplicidad elimina la barrera para los no diseñadores y facilita que cualquier persona, ya sea del área de producto, ingeniería u operaciones, pueda participar y contribuir. Hizo posible que más personas participaran en el proceso de diseño desde el principio”, comenta Varun.

Figma = Prototipo

Los prototipos interactivos en Figma permiten a los equipos simular flujos de usuario reales y probar innovaciones como experiencias de compra basadas en videos con ofertas dinámicas.

En Flipkart, un enlace de Figma ahora significa "prototipo en el que se puede hacer clic". Los diseñadores suelen crear flujos interactivos, que se comparten ampliamente entre los equipos para obtener feedback. Este hábito ha transformado la colaboración, lo que ha dado lugar a productos más relevantes, útiles e impactantes.

Ahora todos estamos en la misma página, literalmente.

Ajith Sowndararajan, director de Diseño Empresarial de Flipkart

Con vistas al futuro

Con una sólida cultura de diseño impulsada por Figma, Flipkart fomenta la innovación en el competitivo panorama del comercio electrónico de la India. De cara al futuro, Flipkart tiene como objetivo impulsar aún más la automatización y la integración entre el diseño y el código, para que todas las decisiones de diseño sean más rápidas, inteligentes y escalables.

Descubre cómo Figma puede ayudarte a escalar el diseño

Un gran diseño tiene el potencial de hacer que tu producto y marca se diferencien del resto. Sin embargo, las grandes cosas se hacen en colaboración. Figma reúne a los equipos de producto en un flujo de trabajo de diseño rápido y más inclusivo.

Comunícate con nosotros para obtener más información sobre cómo Figma puede ayudar a las empresas a escalar el diseño.

Te explicaremos cómo Figma puede ser de ayuda:

  • Reúne en un solo lugar todas las etapas del proceso de diseño:, desde la concepción de las ideas hasta la creación y el desarrollo de los diseños
  • Acelera los flujos de trabajo de diseño con sistemas de diseño compartidos por toda la empresa
  • Fomenta la inclusión en el proceso del equipo de producto con productos basados en la web, accesibles y fáciles de usar

Comunícate con nuestro equipo

Al hacer clic en “Enviar”, aceptas nuestros Términos de servicio y la Política de privacidad.