Team Library 1.0

Ilustración realizada para Figma por Peter Barnaba

Nos complace anunciar Team Library 1.0, que permite a los equipos crear, usar y mantener sistemas de diseño. Presentamos la versión beta en febrero, y desde entonces hemos hablado con cientos de personas sobre cómo la están adoptando. Desarrollamos la funcionalidad en función de los comentarios, y con el lanzamiento de hoy, esperamos facilitar a una amplia gama de equipos la construcción de sus propios sistemas de diseño.

Los componentes (botones, íconos, cuadros de diálogo y demás) juegan un papel crucial en los sistemas de diseño de muchas empresas. Las organizaciones necesitan la capacidad de compartir estos elementos ampliamente entre los archivos y con los miembros del equipo. De esa manera, todos pueden diseñar de manera estructurada y mantenerse actualizados con los proyectos. Varias compañías incluso han llegado al extremo de desarrollar sus propias herramientas para esta parte de su sistema de diseño. Por ejemplo, Airbnb y Facebook han contratado expertos para mantener y crear dicho software interno.

Creemos que compartir componentes es clave para diseñar a escala, por lo que lo priorizamos en nuestra hoja de ruta de productos y lanzamos nuestra versión beta de Team Library en febrero. Eso fue solo unos meses después de que Figma se lanzara al público. Desde entonces, muchas compañías han utilizado la función para diseñar de manera más consistente y eficiente, y sus conocimientos ayudaron a guiar nuestro proceso de desarrollo para la versión 1.0.

Dado que Figma está en línea y centralizado, creemos que estamos especialmente preparados para ayudar a los equipos a sistematizar su diseño. Todos los proyectos y documentos se mantienen actualizados en un solo lugar sin exportar, sincronizar o compartir. Una biblioteca de equipo de Figma es una fuente única de verdad, que constituye la base clave para un sistema de diseño estable y vivo.

Con Figma puedes parar:

  • Sincronización con servicios en la nube de terceros solo para usar la biblioteca de componentes de su equipo
  • Orar para que nada salga mal con todas las herramientas que has pirateado para usar el sistema de diseño de tu empresa
  • Buscar el componente correcto como si estuvieras protagonizando la peor serie de detectives del mundo

Cuando publica o realiza cambios en un componente compartido en Figma, puede confiar en que todos verán instantáneamente el nuevo componente en la Biblioteca del equipo. También recibirá una notificación cuando alguien más actualice un componente en otro archivo, y puede decidir si aplica los cambios a sus propias instancias.

Antes y después: la evolución de la biblioteca del equipo

Lanzamos nuestra versión beta como una característica básica, con el objetivo de estudiar a nuestros usuarios para comprender lo que más necesitaban. Pronto nos dimos cuenta de que incluso para una versión beta, nuestra Biblioteca de equipo original era demasiado simple. De hecho, era bastante limitante para las personas que empujaban los límites de los sistemas de diseño.

IU de la biblioteca del equipo

Anterior: en nuestra versión beta, tendría que usar una ventana emergente una y otra vez para buscar los componentes que necesitaba. Si eso no fuera lo suficientemente tedioso, la ventana emergente también ocultó su lienzo, por lo que no pudo realizar iteraciones rápidas en su diseño. La distorsión de la interfaz de usuario ralentizó el proceso de diseño a un rastreo insoportable.

Nuevo: ahora todos los componentes de su equipo están disponibles directamente al lado de su diseño, en una nueva pestaña en la barra lateral izquierda donde trabaja con sus capas. Cuando necesite una instancia de un componente, simplemente arrástrelo desde la barra lateral a su diseño.

Consejo: Cambie rápidamente las pestañas de la barra lateral izquierda con alt + 1 ... 3

Además, en esa barra lateral izquierda, hay una tercera pestaña donde puede ver una descripción general de sus componentes locales. Eso hace que publicarlos en su Biblioteca del equipo sea más fácil porque puede ver exactamente lo que aparecerá en su biblioteca antes de publicar algunos cambios.

Documentación

Antiguo: Los diseñadores necesitan formas de comunicar el comportamiento de los componentes, para que sus compañeros de equipo sepan cuándo, por qué y cómo usar elementos específicos. En nuestra versión beta, no teníamos lugar para la documentación, por lo que ese tipo de información terminó varada en Slack o enterrada en Google Docs en lugar de donde debería estar, vinculada al componente en sí.

Nuevo: ahora con un componente seleccionado, puede agregar información al respecto en el panel de propiedades de la derecha. Los compañeros de equipo pueden ver la documentación del componente que creó cuando examinan los componentes en la Biblioteca del equipo.

Categorización

Antiguo: Una parte clave de un sistema de diseño funcional es la organización. Nuestra versión beta de Team Library solo permitió la categorización de componentes por archivo, por lo que las cosas se complicaron.

Categorizar por marco y grupo en Team Library 1.0

Nuevo: ahora puede ver sus componentes organizados por grupo y marco en la Biblioteca del equipo además del archivo. Por ejemplo, si reúne todos los componentes de su botón en un grupo y lo nombra "Botones", verá que las miniaturas aparecen juntas debajo de "Botones" en las pestañas Componentes y Biblioteca de equipo de la barra lateral izquierda.

Consejo: establezca el fondo de un componente compartido cambiando el color de fondo del marco que lo contiene

Aprende más

Si tiene curiosidad por obtener más información sobre Team Library y las nuevas pestañas de la barra lateral, hemos preparado este video que explica todo en detalle, así como este artículo del centro de ayuda que describe todo lo que necesita saber. Si es nuevo en los componentes o desea obtener más información sobre ellos, consulte este artículo desde la primera vez que lanzamos nuestra función de componentes.

A medida que el diseño se integra más en las empresas grandes y pequeñas, la necesidad de comunicación y formalización del proceso de diseño ha crecido rápidamente. Esperamos que Team Library 1.0 ayude a los equipos con la naturaleza colaborativa de construir productos cohesivos a escala.

Un gran agradecimiento a todos los que nos apoyaron a través de este ciclo de desarrollo de funciones: sus comentarios inspiraron y definieron nuestra visión 1.0.