Importar bibliotecas de componentes

Pixso permite importar bibliotecas de componentes de Sketch y Figma junto con los archivos de diseño que las utilizan. Las instancias de los archivos importados pueden seguir recibiendo actualizaciones de la biblioteca, lo que facilita trasladar el trabajo a Pixso.

1. Importar recursos de Sketch

1.1 Acceso y preparación

1. Busca la opción Importar biblioteca de componentes en el espacio de trabajo y ábrela.

2. Selecciona el equipo al que vas a importar la biblioteca. Elegir el equipo correcto es necesario para conservar la relación entre recursos. Antes de continuar, comprueba lo siguiente:

• La biblioteca solo podrá utilizarse dentro del equipo seleccionado. Importa también los archivos de diseño que la utilizan.
• Evita mantener varias ramas o copias de una misma biblioteca en el equipo. Comprueba que importas la versión que está en uso.
• Solo el administrador del equipo puede importar una biblioteca de equipo. Si faltan bibliotecas al importar un diseño, contacta con el administrador.
• No es necesario importar las bibliotecas y los diseños en un orden concreto.

1.2 Importar la biblioteca de Sketch

El administrador del equipo puede seguir estos pasos:

1. Tras confirmar el equipo de destino, selecciona Biblioteca de componentes de Sketch y elige el archivo. Puedes importar varios a la vez.

2. La biblioteca importada se publica automáticamente como biblioteca de recursos del equipo y se vincula con los archivos de Sketch del equipo que utilizan sus componentes.

Nota: no subas varias ramas o copias de la misma biblioteca al equipo. Si se detectan archivos duplicados, aparecerá un aviso con las opciones disponibles.

1.3 Importar archivos de diseño de Sketch

Todos los editores del equipo pueden importar archivos de diseño de Sketch. Para mantener su relación con las bibliotecas, sigue estos pasos:

1. Selecciona Archivo de diseño de Sketch y el archivo que quieras importar.

2. Si la biblioteca correspondiente ya está vinculada al equipo, abre el diseño importado y selecciona una instancia. Después, haz clic en Ir al componente principal para abrir su biblioteca. Necesitas tener permiso de acceso a ella.

3. Cuando la biblioteca tenga actualizaciones, aparecerá un aviso en la esquina inferior derecha.

4. Haz clic en Ver para revisar los cambios y después en Actualizar para aplicarlos.

2. Importar recursos de Figma

2.1 Preparación y acceso

(1) Preparación:

• Utiliza Google Chrome e instala la extensión de exportación del navegador (enlace de descarga).

• Abre el menú de tres puntos de la esquina superior derecha del navegador.

Selecciona Extensiones > Gestionar extensiones y activa el Modo de desarrollador en la esquina superior derecha.

Arrastra el archivo ZIP descargado a esa página.

• Si aparece la tarjeta que se muestra en la imagen, la extensión se ha instalado correctamente.

Nota: después de instalarla, vuelve a cargar el archivo de Figma antes de exportarlo.

2.2 Acceso y preparación

1. Abre Importar biblioteca de componentes en la esquina superior derecha del espacio de trabajo de Pixso y selecciona la pestaña Figma. Descarga primero la biblioteca y los archivos de diseño desde Figma.

Nota: la biblioteca es el archivo publicado como biblioteca de equipo en Figma y contiene componentes y estilos compartidos. El archivo de diseño utiliza esos recursos. Si un mismo archivo contiene componentes principales e instancias, impórtalo como biblioteca de componentes de Figma.

2. Antes de importar, comprueba lo siguiente:

• Selecciona el equipo de destino correcto para mantener las relaciones entre los recursos.
• Solo el administrador del equipo puede importar la biblioteca.
• La biblioteca debe contener estilos. Si no los incluye, es posible que no se conserve la relación con las instancias. Por ello, se recomienda crear un estilo dentro de la biblioteca.
• Pixso comprueba si el archivo ya existe en el equipo. Si detecta un duplicado, puedes omitirlo o sobrescribirlo.

2.3 Importar la biblioteca de Figma

El administrador puede arrastrar la biblioteca o seleccionarla desde el equipo y seguir las indicaciones para importarla.

La biblioteca importada se publica como biblioteca de recursos del equipo y se vincula con los diseños de Figma del equipo que utilizan sus componentes.

2.4 Importar archivos de diseño de Figma

Todos los editores del equipo pueden importar archivos de diseño de Figma. Para mantener su relación con las bibliotecas, sigue estos pasos:

1. Selecciona Archivo de diseño de Figma y el archivo que quieras importar.

2. Si el equipo ya dispone de la biblioteca vinculada, abre el diseño importado y selecciona una instancia. Haz clic en Ir al componente principal para abrir la biblioteca, siempre que tengas permiso para acceder a ella.

3. Cuando la biblioteca tenga actualizaciones, aparecerá un aviso en la esquina inferior derecha.

4. Haz clic en Ver para revisar los cambios y después en Actualizar para aplicarlos.