Como comentamos en la primera parte de este post, los Design Systems están consiguiendo un papel primordial en la construcción y mantenimiento de nuestros productos digitales. Muchos negocios y productos digitales han adoptado esta herramienta de trabajo por las ventajas instantáneas y a largo plazo que ofrecen. Entre ellas:
- Permite tener la totalidad de los componentes del diseño en un solo lugar y al alcance del equipo, fortaleciendo la colaboración.
- Crear nuevas funcionalidades de producto de forma rápida y óptima, facilitando la escalabilidad y evitando horas de trabajo innecesario.
- Fortalece la personalidad de marca y mejora las decisiones y la madurez de los equipos.
En esta entrega te recomendamos otros plugins de Figma para fortalecer y agilizar la forma de trabajar con Design Systems.
Plugins para documentar un Design System
Propstar
Permite generar en pocos segundos todas las instancias de las propiedades de tus componentes en una tabla etiquetada.
Cómo funciona:
- Selecciona uno o varios componentes con sus variantes.
- Ejecuta el plugin Propstar.
- Selecciona el modelo de tabla de salida.
- Listo, podrás ver una tabla con tu componente y sus posibles instancias.
Automatic Style Guides
Con este plugin puedes preparar la documentación o una presentación rápida de los estilos locales de tu proyecto con solo un clic y de forma ordenada. Crea y actualiza fácilmente la documentación para tus paletas de colores y/o estilos de texto.
EightShapes Specs
Recién salido del horno. Hace unos días Nathan Curtis presentó este plugin que será el deleite de muchos. Genera la documentación anatómica y detallada de componentes a toda velocidad a partir de las instancias, añade descripciones, atributos visuales, espaciados y hasta atributos boleanos. ¡Debes probarlo!
Plugins para tener un Design System actualizado
Design System Organizer
Administra múltiples instancias de bibliotecas de componentes en Figma gracias a 3 características clave:
- Copia estilos de un archivo a otro o combina varios archivos de estilo en uno solo. Esto mantiene los estilos del sistema de diseño consistentes a lo largo del tiempo.
- Intercambiainstancias y estilos maestros con el mismo nombre. Esto ayuda a organizar y mover componentes y estilos al lugar correcto.
- Administra nombres de ruta con carpetas similares, te permite reorganizar y limpiar bibliotecas enormes con múltiples nombres.
Tokens Studio for Figma
Uno de los plugins más populares de la comunidad de Figma con un interesante abanico de posibilidades para conseguir procesos eficientes entre los equipos de diseño y desarrollo. Ofrece sincronización bidireccional con GitHub, GitLab, Azure DevOps y JSONBin.io. Trabaja directamente con los Tokens de diseño, conéctalos y administra los estilos sin quebraderos de cabeza. Sin duda alguna, uno de los mejores para tener al día un Design System y agilizar su puesta en marcha con todo el equipo.
Si estás pensando en implantar, actualizar o mejorar un Design System, pero no sabes por dónde empezar, el equipo de especialistas de GammaUX está a tu disposición, escucharemos tus necesidades y ofreceremos la solución que mejor se adapte a tu producto o servicio.
