Inicio
» Wiki
»
Cómo usar Library in Sketch es simple
Cómo usar Library in Sketch es simple
Las bibliotecas son documentos de croquis que contienen elementos como símbolos, estilos de texto y estilos de capa que puede compartir en todos los demás documentos, incluso en miembros de todo el equipo.
Al actualizar componentes en Bibliotecas, los documentos que los usan reciben una notificación de actualización. Puede revisar estos cambios y validarlos para asegurarse de utilizar siempre los últimos componentes para su trabajo actual.
Las bibliotecas son extremadamente útiles en el trabajo de diseño colaborativo, en el que debe compartir componentes como iconos, elementos de interfaz o marcas. Sin embargo, siguen siendo útiles incluso cuando trabajas solo. Con las bibliotecas, puede insertar rápidamente componentes comunes (como los elementos de la interfaz de usuario de iOS de Apple) en sus diseños y asegurarse de que siempre estén actualizados.
Abra las Preferencias de Sketch seleccionando Sketch> Preferences (o presionando ⌘+ ,) y haciendo clic en la pestaña Bibliotecas . Aquí, puede arrastrar un documento de Bosquejo de biblioteca a la ventana, o usar el botón Agregar biblioteca ... para agregar los datos deseados.
Compartir bibliotecas
Hay varias formas diferentes de compartir bibliotecas con otros, como a través de servicios en la nube, compartiendo a través de Sketch for Teams o Cloud, o cargando en un servidor y usando RSS para actualizaciones.
Usar un servicio en la nube como Dropbox o Google Drive para compartir una Biblioteca es tan simple como cargar un documento de Sketch y compartirlo con cualquiera que lo necesite. Recibirán una notificación en Sketch cada vez que la actualicen.
Usar Sketch Cloud para compartir la Biblioteca también es simple. Simplemente cargue el documento en esta nube, abra su configuración, marque Usar como biblioteca , luego haga clic en Guardar cambios .
Cualquier persona que comparta este documento de la Biblioteca en Sketch Cloud puede hacer clic en el botón Agregar biblioteca al bosquejo en la descripción general del documento para agregarlo como Biblioteca y recibir notificaciones en Sketch al actualizarlo.
Compartir bibliotecas con Sketch para equipos
Si es parte de las Bibliotecas compartidas y descubiertas por un equipo, es aún más simple. Cargue su documento en el entorno de trabajo del equipo, haga clic en el icono del engranaje para abrir la configuración, marque Usar como biblioteca> haga clic en Guardar cambios .
Regrese a la aplicación Mac y verá las Bibliotecas en la nube completas de cualquier equipo que trabaje en la pestaña Bibliotecas en Preferencias. Puede desplazarse y encontrar las bibliotecas que necesita. Cuando desee utilizar una biblioteca, simplemente presione Instalar .
Usar RSS y un servidor para compartir bibliotecas es un poco más complicado. Primero, debe alojar ese documento de la Biblioteca en un servidor. Entonces necesita crear un archivo XML como este:
<? xml version = "1.0" encoding = "UTF-8"?>
<rss version = "2.0" xmlns: atom = "http://www.w3.org/2005/Atom" xmlns: content = "http: //purl.org/rss/1.0/modules/content/ "xmlns: dc =" http://purl.org/dc/elements/1.1/ "xmlns: sparkle =" http://www.andymatuschak.org/ xml-namespaces / sparkle ">
<channel>
<title> My Sketch Library </title>
<description> My Sketch Library </description>
<image>
<url> </url>
<title> My Sketch Library </title>
</image>
<generator> Sketch </generator>
<item>
<title> My Sketch Library </title>
<pubDate> mié, 23 jun 2019 11:19:04 +0000 </pubDate>
<enclosure url = "mysketchlibrary.sketch" type = "application / octet-stream" sparkle: version = "1" />
</item>
</channel>
</rss>
En este archivo XML, debe editar lo siguiente:
<title> : el nombre de la biblioteca que aparecerá en Sketch.
<imagen> <url> : la URL de miniatura predeterminada que Sketch intentará utilizar para su biblioteca. Apuntará a la URL de la imagen de acceso público.
<item> : la información entre las etiquetas de elementos es lo que querrá actualizar al crear una nueva versión de biblioteca. Solo necesita una etiqueta de elemento en el feed.
En esa etiqueta de sección, para cada actualización, debe incluir:
<pubDate> : fecha pública de actualización de la biblioteca en formato RFC822.
<enclosure> - La etiqueta de archivo adjunto tiene 3 atributos: url, type & sparkle: version. Esta URL debe apuntar directamente a la ubicación del servidor del documento de la Biblioteca, el tipo debe ser "application / octet-stream" y, por último, sparkle: version es el último número de versión de actualización.
Asegúrese de haber guardado tanto el feed XML como el archivo Sketch con una URL en forma de http o https, pero no combine los dos.
Finalmente, use una herramienta como el codificador de URL de Meyerweb para codificar el XML del feed URL y agréguelo de la siguiente manera:
sketch: // add-library? url =
Ingrese la URL completa (desde sketch: // hasta el final de la URL encriptada) en su navegador para abrir Sketch y agregar su biblioteca compartida.
Icono de la biblioteca
Cuando agregue una biblioteca, verá que aparece en la parte superior del panel Componentes. Al hacer clic en el nombre de la biblioteca, podrá seleccionar símbolos, estilos de texto y estilos de capa de la biblioteca y arrastrarlos al lienzo. También puede acceder a los símbolos de la biblioteca desde el menú Insertar , en lugar del icono de símbolos. Un icono asociado indica que son parte de la Biblioteca.
También encontrará los símbolos de la biblioteca en Símbolos cuando cambie los símbolos.
Cómo editar símbolos de biblioteca
Cuando hace doble clic en un símbolo de biblioteca para editar, Sketch le ofrece varias opciones, según dónde se agregue el archivo de biblioteca.
Al hacer doble clic para editar un Símbolo que pertenece a la Biblioteca local o Biblioteca en la Nube personal, se mostrarán las siguientes opciones:
Abrir en biblioteca lo llevará al documento original de la biblioteca para que pueda editar la versión principal de Symbol. Esto actualizará la Biblioteca y cualquier documento con versiones de ese icono.
Desvincular de la biblioteca creará una versión local del símbolo para que pueda editar su versión original en el documento actual. Esto significa que ya no recibirá esas actualizaciones de iconos si la Biblioteca se actualiza inicialmente.
Si está intentando editar el símbolo de una biblioteca de equipo en la nube, verá las siguientes opciones:
Abrir en biblioteca abrirá el documento original de la biblioteca desde la nube. Cualquier cambio aquí se actualizará a la Biblioteca para que lo vean todos los miembros del equipo. Cualquier documento con versiones de ese icono reflejará esos cambios.
Desvincular de la biblioteca creará una versión local de Symbol para que pueda editar la copia original en el documento actual. Esto significa que ya no recibirá esas actualizaciones de iconos si la Biblioteca original se ha actualizado.
Si está utilizando una biblioteca de equipo, tenga más cuidado al editar el Símbolo principal aquí. Cualquier cambio que realice y guarde se enviará a todos los que estén usando esta Biblioteca.
Si el símbolo que desea editar pertenece a la Biblioteca de terceros. Por ejemplo, el kit de IU de Apple iOS solo tendrá la opción Desvincular de la biblioteca .
Estilos de biblioteca
Además de los símbolos, puede compartir y sincronizar estilos de texto y capa usando bibliotecas. Aparecerán en el Panel de componentes y los componentes emergentes en Apariencia en el Inspector. También puede acceder a los estilos de texto y capa a través del menú Insertar. Al igual que los símbolos, los estilos de la biblioteca tienen un icono asociado al lado del nombre del grupo para indicar que son parte de la biblioteca.
Cómo editar estilos de biblioteca
Si está utilizando Estilo de biblioteca (Estilos de capa o Estilos de texto) en un documento y desea editar una Capa con él, tiene algunas opciones en el panel Apariencia en el Inspector:
Antes de realizar modificaciones, puede elegir Crear un nuevo estilo local a partir del estilo seleccionado actualmente. Esta acción elimina el enlace de ese tipo en la biblioteca y crea un nuevo estilo local en el documento.
Alternativamente, puede elegir ese Estilo de Separación de su versión original, para eliminar su enlace en la Biblioteca pero no crear un nuevo estilo local.
Si está editando un Estilo de biblioteca, puede elegir Crear nuevo estilo y Reemplazar para desvincular su enlace en la biblioteca, crear un nuevo Estilo local y aplicar esos cambios a todas las capas del documento con el mismo Estilo. utilizado Alternativamente, puede elegir Restablecer estilo para revertir cualquier cambio.
Siempre que el estilo no sea parte de una biblioteca de terceros, puede elegir Editar estilo en la biblioteca para abrir un documento de la Biblioteca que contenga ese estilo.
Nota: La edición del Estilo en el documento de la Biblioteca original actualizará ese Estilo para cualquier persona que use esta biblioteca.
Cómo crear presets para bibliotecas
Al igual que los estilos de símbolos, texto y capa, puede usar bibliotecas para sincronizar y compartir ajustes preestablecidos de imagen, degradados o sólidos. Para crear un Preset de la Biblioteca para un color, por ejemplo, seleccione el color en el popover que llena el documento de la Biblioteca y agréguelo como un preset en los Colores del Documento .
Ahora, cuando esté trabajando en un documento usando esa Biblioteca, haga clic en el título que se encuentra sobre esta configuración anterior en la ventana Rellenos, luego seleccione el nombre de la Biblioteca para obtener una vista previa de todos los Presets de la Biblioteca disponibles.
Componentes de biblioteca actualizados
Cuando se actualizan los componentes de la biblioteca (símbolos, estilos de texto o estilos de capa) utilizados en el documento, verá una insignia de Actualizaciones de biblioteca disponibles en la esquina de la ventana del software Sketch. Haga clic en él, aparecerá un cuadro de diálogo que contiene las actualizaciones de componentes.
Seleccione Componente para ver los cambios y marque esa casilla si desea actualizarlo en el documento. Si no desea actualizar un Componente, desactívelo. Una vez completado, haga clic en Actualizar componentes .
Para dejar de actualizar un símbolo, haga doble clic en cualquier versión del documento y haga clic en Desvincular de la biblioteca . Esta acción creará un icono local en esa página de Símbolos.
Crea un avatar de biblioteca personalizado
Si desea crear una ventana de vista previa personalizada para su biblioteca en algún lugar del documento, cree una mesa de trabajo cuadrada (1: 1) y luego llámela "Vista previa de la biblioteca".
Arriba se muestra cómo usar la función Biblioteca en el software de diseño gráfico Sketch . Espero que el artículo te sea útil.