Saltar al contenido principal

Cómo King reúne varias disciplinas del diseño de juegos en Figma

Muchas personas sueñan con ser diseñadores de juegos, pero ¿cuántas tienen una idea clara de los roles involucrados en el diseño de un juego y de cómo interactúan entre sí?

King, la empresa creadora de múltiples franquicias de juegos móviles increíblemente populares, ofrece una perspectiva fascinante del rol que desempeña el diseño en la creación de éxitos de ventas que cautivan a millones de jugadores en todo el mundo. Cada mes, más de 200 millones de usuarios activos disfrutan de juegos de King, como Candy Crush Saga, Candy Crush Soda Saga y Farm Heroes Saga en plataformas web, sociales y móviles. Cientos de diseñadores son responsables de todo, desde la compleja fase de prototipado hasta la creación de elaborados efectos visuales y el complejo proceso de control de calidad que mantiene estable el producto final.

Candy Crush, un juego creado por KingCandy Crush, un juego creado por King
Cada mes, más de 200 millones de usuarios activos disfrutan de juegos de King, como Candy Crush Saga, Candy Crush Soda Saga y Farm Heroes Saga.

Alinear diferentes disciplinas del diseño

Si hay algo que sorprende es el conjunto de habilidades que se requiere para hacer que las cosas sucedan. Hay diseñadores de juegos que definen las reglas y la mecánica del juego, diseñadores narrativos que crean la trama, diseñadores económicos que se encargan de la monetización y un montón de miembros del equipo de UX y UI que trabajan en el diseño de flujo e interacción, investigación y microtextos, entre otras cosas. Y dada la variedad de responsabilidades, prioridades y procesos, es fundamental mantener a todos en la misma página.

“En los juegos, el proceso de diseño y desarrollo es extremadamente complejo. Se combinan diversas disciplinas, y mantener a todos alineados es difícil”, dice Paul Stephanouk, vicepresidente de Creatividad en Candy Crush Saga. “Es un desafío sobre todo para los equipos de UX y UI, dado que colaboran para explorar la infinidad de ideas que se evalúan”.

Consolidar las herramientas de diseño

Esta es una de las muchas razones por las que King pasó de usar diferentes herramientas de diseño a usar principalmente Figma a principios de 2022. En la actualidad, cientos de miembros de equipos de diseño de seis estudios de juegos y otros equipos internacionales usan Figma para todos los juegos de King.

Antes de este cambio, los miembros de los equipos de diseño trabajaban con diferentes herramientas, lo que dificultaba la colaboración entre disciplinas. Las ilustraciones, los íconos, las transiciones y los sonidos estaban dispersos entre distintas fuentes, y los miembros no disponían de bibliotecas de componentes compartidas desde las que pudieran trabajar.

“Llegó un punto en el que cada diseñador en King usaba archivos separados para crear diseños, y luego presentaba ese archivo a otros miembros del equipo”, comenta Patricia Gómez, directora asociada de Redacción UX en Candy Crush Saga y líder de la iniciativa de implementación de Figma en toda la empresa. “Una vez que Figma se convirtió en la plataforma de diseño oficial en el equipo de Candy Crush, personas con diferentes roles pudieron colaborar, comentar y recibir feedback en la misma herramienta. Como resultado, el trabajo de diseño estaba disponible para todos los miembros en los equipos interfuncionales, lo que aumentó la visibilidad y la transparencia para aquellos miembros del equipo no relacionados con el diseño”.

Un nivel de complejidad que es exclusivo del ámbito de los videojuegos es el uso de motores de juego, que proporcionan el marco de software necesario para las tareas de desarrollo habituales, como las animaciones y la creación y optimización de recursos. Muchos juegos de King se ejecutan en Fiction Factory, un motor de juego, editor y conjunto de herramientas móvil de C++ multiplataforma de propiedad exclusiva.

Desarrollar para el motor influye en la forma en la que los diseñadores abordan los efectos visuales porque la dirección artística es fundamental para crear una identidad de marca sólida que sumerja al jugador en el mundo del juego. Los diseñadores deben saber cómo optimizar los recursos de todos los aspectos del juego para el motor de modo que el producto final sea lo más ligero posible y, por tanto, la experiencia de los jugadores sea fluida. Y dado que los juegos de King se ejecutan en iOS, Android, Amazon, HTML5 y Windows, y en PC, tabletas y smartphones, es fundamental que todo esté alineado.

Optimizar los procesos y el prototipado

Una de las primeras iniciativas para unir a las personas que utilizaban Figma consistió en crear una plantilla del proceso de diseño para que la utilizaran los diseñadores de cada equipo. Mediante la funcionalidad de páginas de Figma, King pudo crear un único archivo de plantilla con espacios especificados para cada paso del proceso y para que trabaje cada una de las disciplinas. Esta plantilla habilitó una conversación entre diseñadores, gerentes de producto y productores: cómo alinearse en un proceso de diseño que permita a cada equipo seguir su propia forma de trabajar y también mantener la consistencia en todos los títulos de Candy Crush.

Un archivo de plantilla en FigmaUn archivo de plantilla en Figma
Mediante la funcionalidad de páginas de Figma, King pudo crear un único archivo de plantilla con espacios específicos para cada paso del proceso y para que trabaje cada una de las disciplinas.

También hubo otros beneficios. Los juegos tienden a evolucionar mucho desde su concepción hasta la producción final, lo que significa que la documentación queda obsoleta rápidamente. Al incorporar enlaces de Figma, los productores y gerentes de producto pueden garantizar que la documentación está siempre actualizada, incluso cuando varias personas trabajan en el mismo archivo.

Ahora, las disciplinas de UX y UI desarrollan bibliotecas de componentes que los miembros del equipo actualizan constantemente. Este es el primer paso hacia la creación de un sistema de diseño; hecho posible gracias a las capacidades de Figma.

“El prototipado es otra área en la que Figma está ayudando a las disciplinas del diseño. Dado que los juegos son un producto más interactivo y animado, los diseñadores necesitan ver constantemente cómo se producirá una transición de una pantalla a otra, o cómo aparecerán y se moverán los elementos. Ahora, por ejemplo, un diseñador UX puede ver fácilmente el flujo en movimiento e interactuar con él en el dispositivo, y hacer cambios al instante, sin salir del mismo archivo de diseño”.

“En general, Figma ha facilitado mucho la vida a nuestros diseñadores y redactores UX”, afirma Patricia Gómez. “Los gerentes de producto y los productores son mucho más conscientes de los desafíos diarios de los diseñadores. Somos más rápidos y eficaces, y colaboramos más, lo que repercute en la cantidad de funciones que podemos entregar al final del año”.

Así que la próxima vez que te encuentres pasando niveles, juntando caramelos, desbloqueando hechizos y resolviendo acertijos, piensa en el mágico camino que recorre un juego desde que se lo idea hasta que se convierte en realidad. Uno que surge de la colaboración fluida entre múltiples disciplinas de diseño de juegos en Figma.

Sistemas de diseño 102

Comprende los conceptos básicos de los sistemas de diseño: qué son, cómo funcionan y cómo pueden cambiar tu forma de diseñar.

Leer informe

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.