Penpot es una herramienta para equipos

Sistemas de diseño

Si eres un diseñador o diseñadora profesional y te planteas si deberías cambiarte a Penpot, es probable que una de las primeras preguntas que te hagas es: cómo se gestionan los sistemas de diseño en Penpot. Desde Penpot te invitamos a centrar tus preocupaciones en otros aspectos que no tienen tanto que ver con la falta de funcionalidades específicas. Me explico:

A día de hoy hay algunas funcionalidades en Penpot que todavía no están resueltas –no hay que perder de vista que Penpot se lanzó hace poco más de año y medio solamente. Y aunque es probable que en un futuro cercano ya se hayan completado, insistimos en que creemos que es más importante que tengas en cuenta otros aspectos como el increíble valor que Penpot pretende añadir a los equipos multidisciplinares a diferencia de otras herramientas del mercado. El equipo de Penpot trabaja siempre con esa meta en mente: permitir dentro de la plataforma de Penpot una comunicación fluida entre equipos de diseño y desarrollo.

Hace unas semanas, Secuoyas, un estudio de diseño digital madrileño del cual Kaleidos es muy amigo, invitó a @juan.delacruz, diseñador en Penpot, y a @Alex, desarrollador de Penpot. El equipo de Secuoyas se preguntaba si realmente podían plantearse el cambio a usar Penpot como su herramienta de diseño.

Me pareció tan clave todo lo que se comentó en esta charla, que no pude dejar pasar la oportunidad de plasmar las palabras de mis compis en este artículo. ¡Os recomiendo que la veáis! Aquí os dejo la charla completa.

Volviendo a la pregunta del inicio sobre los sistemas de diseño, nos preguntaban en Secuoyas que cómo se podía gestionar un componente de un sistema de diseño sin variantes. En Penpot nos planteamos la pregunta yendo más allá y buscando otras formas, que posiblemente no sean el estándar de la industria de las herramientas del diseño a día de hoy, pero que puede que resuelvan la situación de una forma que creemos es más adecuada para el equipo de desarrollo de un producto digital.

Encontrar otros caminos que permitan esa misma gestión hecha de forma más cómoda, no solo para diseñadores si no para desarrolladores también, es todo un reto, pero es cómo el equipo de Penpot se plantea el acercamiento al desarrollo de algunas de las funcionalidades dentro de Penpot. Así lo explica de bien Juan aquí:

Juan detalla cómo se enfocan las variantes en Penpot.

Y entonces podrías preguntarte, por qué tanto hincapié en involucrar a los desarrolladores en una herramienta que es de diseño y para diseñadores. Y por qué no, te respondemos desde Penpot.

Al fin y al cabo, la creación de productos digitales se lleva a cabo por estos dos equipos principalmente: diseño y desarrollo. Y lamentablemente, a día de hoy, no hay ninguna herramienta que permita simular de forma fiel esa relación y comunicación que existe entre los equipos durante el proceso de diseño de un producto. Además, normalmente hay otras personas involucradas dentro de este proceso, que Penpot siempre también intenta involucrar en sus casos de uso. Por eso Penpot intenta reducir al máximo la comunicación rota que surge entre equipos de diseño y desarrollo.

Autolayout

Siguiendo con las funcionalidades que todavía parecen provocar dudas en algunos diseñadores/as está el rey por excelencia de nuestras funcionalidades más pedidas y añoradas: el autolayout.

Juan explica una anécdota muy curiosa sobre cómo gracias a la contribución de una persona de nuestra comunidad, el equipo de desarrollo de Penpot empezó a plantearse el enfoque del autolayout desde un punto de vista completamente innovador, que ninguna otra herramienta había desarrollado hasta entonces.

Juan explica cómo la comunidad nos ayudó a mejorar la funcionalidad de Autolayout.

Como me apunta @myfunnyandy, que sabe mucho más que yo en la parte técnica de Penpot: “Ese enfoque se centra en seguir los estándares web tanto en diseño como en código. Aprovechar las capacidades de display Flex y display grid, respetar su nomenclatura en la parte de diseño y devolver en el handoff código CSS puro listo para usar tal cual.”

Esa vuelta de tuerca de cómo ir más allá de los estándares del diseño existentes y de nuevo acercar la herramienta a un entorno donde todos los equipos se sientan cómodos trabajando, es posible entre otras cosas gracias a los estándares CSS en los que se trabaja en Penpot.

Una herramienta para equipos multidisciplinares

En la mayoría de las funcionalidades, Penpot siempre intenta que esa premisa principal de hacer de esta herramienta una plataforma para equipos (no solo de diseño) sea el factor que conduce a tomar una u otra decisión sobre cómo desarrollar Penpot.

Es probable que estés pensando: es Penpot una herramienta para diseñadores o para desarrolladores (?). Más que centrarnos en un tipo de usuario específico, Penpot se centra en el proceso de diseño como el lugar en el cual giran todas las necesidades y diferentes tipos de usuarios que están involucrados en dicho proceso.

Precisamente, Penpot es una herramienta de diseño para equipos multidisciplinares, que intervienen en el flujo de desarrollo de un producto digital. Penpot pretende ser el puente entre diseñadores y desarrolladores. Además de que en estos equipos multidisciplinares puede haber diseñadores, desarrolladores y otro tipo de usuarios como profesionales de marketing, de contenido, clientes, etc. Y el gran reto de Penpot es conseguir integrar la comunicación y la forma de trabajar de todos esos perfiles de una forma mucho más cómoda y natural a la que actualmente existe.

Y entonces, ¿crees que Penpot está preparado para que tú y tu equipo hagan el cambio? ¿Qué te para a ti o qué te preocupa? ¿Ya estás trabajando tú y tu equipo con Penpot?

Nota: Muchas gracias al equipo de https://secuoyas.com por darnos acceso al vídeo original de la charla y poder editarlo para los mini clips de este artículo.

7 Likes