Come utilizzare Library in Sketch è semplice

Le librerie sono documenti di Sketch che contengono elementi come Simboli, Stili di testo e Stili di livello che puoi condividere su tutti gli altri documenti, anche su interi membri del team.

Sketch Sketch per Mac

Quando si aggiornano i componenti in Librerie, i documenti che li utilizzano ricevono una notifica di aggiornamento. È possibile rivedere queste modifiche e convalidarle per assicurarsi di utilizzare sempre i componenti più recenti per il lavoro corrente.

Le librerie sono estremamente utili nei team di progettazione collaborativa, in cui devono condividere componenti come icone, elementi di interfaccia o marchi. Tuttavia, sono ancora utili anche quando lavori da solo. Con Librerie, puoi inserire rapidamente componenti comuni (come gli elementi dell'interfaccia utente iOS di Apple) nei tuoi progetti e assicurarti che siano sempre aggiornati.

Aggiungi libreria

Apri le Preferenze di Sketch selezionando Sketch> Preferenze (o premendo ⌘+ ,) e facendo clic sulla scheda Librerie . Qui è possibile trascinare un documento di Library Sketch nella finestra o utilizzare il pulsante Aggiungi libreria ... per aggiungere i dati desiderati.

Condividi librerie

Esistono diversi modi per condividere le librerie con altri, ad esempio tramite servizi cloud, condivisione tramite Sketch for Teams o Cloud o caricamento su un server e utilizzo di RSS per gli aggiornamenti.

Utilizzare un servizio cloud come Dropbox o Google Drive per condividere una libreria è semplice come caricare un documento Sketch e condividerlo con chiunque ne abbia bisogno. Riceveranno una notifica in Sketch ogni volta che la aggiornano.

Anche usare Sketch Cloud per condividere la Libreria è semplice. Carica il documento su questo cloud, apri le sue impostazioni, seleziona Usa come libreria , quindi fai clic su Salva modifiche .

Chiunque condivida questo documento Library in Sketch Cloud può fare clic sul pulsante Aggiungi libreria a Sketch nella panoramica del documento per aggiungerlo come libreria e ricevere notifiche su Sketch durante l'aggiornamento.

Condividi librerie con Sketch for Teams

Se fa parte delle biblioteche condivise e scoperte da un team, è ancora più semplice. Carica il documento nell'ambiente di lavoro del team, fai clic sull'icona a forma di ingranaggio per aprire le impostazioni, seleziona Usa come libreria> fai clic su Salva modifiche .

Torna all'applicazione Mac e vedrai tutte le librerie cloud di qualsiasi team che lavorano nella scheda Librerie in Preferenze. Puoi scorrere e trovare le Librerie di cui hai bisogno. Quando si desidera utilizzare una libreria, premere Installa .

L'uso di RSS e un server per condividere le librerie è un po 'più complicato. Innanzitutto, è necessario ospitare il documento Library su un server. Quindi è necessario creare un file XML come questo:

In questo file XML, è necessario modificare quanto segue:

• <title> : il nome della libreria da visualizzare in Sketch.
• <image> <url> - L'URL di anteprima predefinito che Sketch proverà a utilizzare per la tua libreria. Punterà all'URL dell'immagine accessibile pubblicamente.
• <item> : le informazioni tra i tag degli elementi sono ciò che si desidera aggiornare quando si crea una nuova versione della libreria. È necessario solo un tag articolo nel feed.

Nel tag di quella sezione, per ogni aggiornamento, devi includere:

• <pubDate> - Data pubblica dell'aggiornamento della libreria in formato RFC822.
• <enclosure> - Il tag allegato ha 3 attributi: url, type & sparkle: version. Questo URL dovrebbe puntare direttamente alla posizione del server del documento Library, il tipo dovrebbe essere "application / octet-stream" e, infine, sparkle: version è l'ultimo numero di versione dell'aggiornamento.

Assicurati di aver salvato sia il feed XML che il file Sketch con un URL sotto forma di http o https, ma non combinare i due.

Infine, utilizzare uno strumento come il codificatore URL Meyerweb per codificare l'XML del feed URL e aggiungerlo come segue:

sketch: // add-library? url =

Inserisci l'URL completo (da sketch: // alla fine dell'URL crittografato) nel browser per aprire Sketch e aggiungere la libreria condivisa.

Icona della biblioteca

Quando aggiungi una Libreria, la vedrai apparire nella parte superiore del pannello Componenti. Facendo clic sul nome della Libreria sarà possibile selezionare Simboli, Stili di testo e Stili di livello dalla Libreria e trascinarli nell'area di disegno. Puoi anche accedere ai simboli della libreria dal menu Inserisci , anziché dall'icona Simboli. Un'icona associata indica che fanno parte della Libreria.

Troverai anche Simboli di libreria in Simboli quando cambi simboli.

Come modificare i simboli della libreria

Quando si fa doppio clic su un simbolo della libreria per modificarlo, Sketch offre diverse opzioni, a seconda di dove viene aggiunto il file della libreria.

Facendo doppio clic per modificare un simbolo appartenente alla Libreria o Libreria locale sul Personal Cloud verranno visualizzate le seguenti opzioni:

• Apri in Library ti porterà al documento Library originale in modo da poter modificare la versione principale di Symbol. Ciò aggiornerà la Libreria e tutti i documenti con le versioni di quell'icona.
• Scollegando dalla libreria verrà creata una versione locale del simbolo in modo da poter modificare la versione originale nel documento corrente. Ciò significa che non riceverai più tali aggiornamenti di icone se la Libreria viene inizialmente aggiornata.

Se stai provando a modificare il simbolo di una libreria del team nel cloud, vedrai le seguenti opzioni:

• Apri in Libreria aprirà il documento Library originale dal Cloud. Tutte le modifiche qui verranno aggiornate alla Libreria affinché tutti i membri del team possano vederle. Qualsiasi documento con versioni di tale icona rifletterà tali modifiche.
• Scollega dalla libreria creerà una versione locale di Symbol in modo da poter modificare la copia originale nel documento corrente. Ciò significa che non riceverai più quegli aggiornamenti di icone se la Libreria originale è stata aggiornata.

Se stai usando una libreria del team, fai più attenzione quando modifichi il Simbolo principale qui. Tutte le modifiche apportate e salvate verranno inviate a tutti coloro che utilizzano questa libreria.

Se il simbolo che si desidera modificare appartiene alla libreria di terze parti. Ad esempio, il kit dell'interfaccia utente di Apple iOS avrà solo l' opzione Unlink from Library .

Stili di libreria

Oltre ai simboli, è possibile condividere e sincronizzare gli stili di testo e livello utilizzando le librerie. Appariranno nel Pannello componenti e Componenti popover in Aspetto in Inspector. Puoi anche accedere a Stili di testo e di livello tramite il menu Inserisci. Come i simboli, gli stili di libreria hanno un'icona associata accanto al nome del gruppo per indicare che fanno parte della libreria.

Come modificare gli stili di libreria

Se stai usando lo stile libreria (stili di livello o stili di testo) in un documento e desideri modificare un livello usando esso, hai alcune opzioni nel pannello Aspetto in Impostazioni:

• Prima di apportare modifiche, puoi scegliere di creare un nuovo stile locale dallo stile attualmente selezionato. Questa azione rimuove il collegamento di quel tipo nella libreria e crea un nuovo stile locale nel documento.
• In alternativa, puoi scegliere quello Stacca stile dalla sua versione originale, per rimuovere il suo collegamento nella Libreria ma non creare un nuovo stile locale.
• Se stai modificando uno stile di libreria, puoi scegliere Crea nuovo stile e Sostituisci per scollegare il relativo collegamento nella libreria, creare un nuovo stile locale e applicare tali modifiche a tutti i livelli del documento con lo stesso stile. utente. In alternativa, puoi scegliere Ripristina stile per annullare qualsiasi modifica.
• Finché lo stile non fa parte di una libreria di terze parti, è possibile scegliere Modifica stile nella libreria per aprire un documento della libreria contenente quello stile.

Nota: la modifica dello stile nel documento della libreria originale aggiornerà quello stile per chiunque utilizzi questa libreria.

Come creare preset per le librerie

Come Simboli, Stili di testo e di livello, puoi utilizzare Librerie per sincronizzare e condividere predefiniti di immagini solide, sfumate o. Per creare un predefinito della libreria per un colore, ad esempio, selezionare il colore nel popover che riempie il documento della libreria e aggiungerlo come predefinito nei colori del documento .

Ora, quando lavori in un documento usando quella Libreria, fai clic sul titolo sopra queste impostazioni precedenti nella finestra Riempimenti, quindi seleziona il nome della Libreria per visualizzare l'anteprima di tutti i predefiniti della Libreria disponibili.

Componenti della libreria aggiornati

Quando i componenti della libreria (simboli, stili di testo o stili di livello) utilizzati nel documento vengono aggiornati, verrà visualizzato un badge Aggiornamenti libreria disponibili nell'angolo della finestra del software Sketch. Cliccaci sopra, apparirà una finestra di dialogo contenente gli aggiornamenti dei componenti.

Selezionare Componente per visualizzare le modifiche e selezionare quella casella se si desidera aggiornarlo nel documento. Se non si desidera aggiornare un componente, deselezionarlo. Una volta completato, fai clic su Aggiorna componenti .

Per interrompere l'aggiornamento di un simbolo, fare doppio clic su qualsiasi versione di esso nel documento e fare clic su Scollega dalla libreria . Questa azione creerà un'icona locale nella pagina Simboli.

Crea un avatar della libreria personalizzato

Se vuoi creare una finestra di anteprima personalizzata per la tua libreria da qualche parte nel documento, crea una tavola da disegno quadrata (1: 1), quindi chiamala "Anteprima della libreria".

Sopra è come utilizzare la funzione Libreria nel software di progettazione grafica di Sketch . Spero che l'articolo ti sia utile.