Bibliotheek gebruiken in Sketch is eenvoudig

Bibliotheken zijn Sketch-documenten die elementen bevatten zoals symbolen, tekststijlen en laagstijlen die u kunt delen op alle andere documenten, zelfs hele teamleden.

Sketch Sketch voor Mac

Bij het bijwerken van componenten in bibliotheken ontvangen documenten die ze gebruiken een updatemelding. U kunt deze wijzigingen bekijken en valideren om ervoor te zorgen dat u altijd de nieuwste componenten voor uw huidige baan gebruikt.

Bibliotheken zijn uitermate handig in ontwerpteams voor samenwerking, waarin ze componenten zoals pictogrammen, interface-elementen of merken moeten delen. Ze zijn echter nog steeds nuttig, zelfs als u alleen werkt. Met bibliotheken kunt u snel veelgebruikte componenten (zoals Apple's iOS UI-elementen) in uw ontwerpen invoegen en ervoor zorgen dat ze altijd up-to-date zijn.

Bibliotheek toevoegen

Open de voorkeuren van Sketch door Sketch> Voorkeuren te selecteren (of op ⌘+ te drukken ,) en op het tabblad Bibliotheken te klikken . Hier kunt u een Library Sketch-document naar het venster slepen of de knop Bibliotheek toevoegen ... gebruiken om de gewenste gegevens toe te voegen.

Deel bibliotheken

Er zijn verschillende manieren om bibliotheken met anderen te delen, zoals via cloudservices, delen via Sketch for Teams of Cloud, of uploaden naar een server en RSS gebruiken voor updates.

Het gebruik van een cloudservice zoals Dropbox of Google Drive om een ​​bibliotheek te delen, is net zo eenvoudig als het uploaden van een Sketch-document en het delen met degenen die het nodig hebben. Ze ontvangen een melding in Sketch telkens wanneer ze deze bijwerken.

Sketch Cloud gebruiken om de bibliotheek te delen is ook eenvoudig. Upload het document naar deze cloud, open de instellingen, vink Gebruik als bibliotheek aan en klik vervolgens op Wijzigingen opslaan .

Iedereen die dit bibliotheekdocument in Sketch Cloud deelt, kan op de knop Bibliotheek toevoegen aan Sketch in het documentoverzicht klikken om het als bibliotheek toe te voegen en meldingen te ontvangen bij Sketch wanneer het wordt bijgewerkt.

Deel bibliotheken met Sketch for Teams

Als het een onderdeel is van bibliotheken die door een team worden gedeeld en ontdekt, is het nog eenvoudiger. Upload uw document naar de teamwerkomgeving, klik op het tandwielpictogram om de instellingen te openen, vink Gebruik als bibliotheek aan> klik op Wijzigingen opslaan .

Keer terug naar de Mac-applicatie en je ziet de volledige cloudbibliotheken van elk team dat werkt op het tabblad Bibliotheken onder Voorkeuren. U kunt doorlopen en de bibliotheken vinden die u nodig heeft. Als je een bibliotheek wilt gebruiken, druk je gewoon op Installeren .

Het gebruik van RSS en een server om bibliotheken te delen is iets ingewikkelder. Eerst moet u dat bibliotheekdocument op een server hosten. Vervolgens moet u een XML-bestand als volgt maken:

In dit XML-bestand moet u het volgende bewerken:

• <title> - De naam van de bibliotheek die in Sketch moet worden weergegeven.
• <image> <url> - De standaard miniatuur-URL die Sketch voor uw bibliotheek zal proberen te gebruiken. Het verwijst naar de openbaar toegankelijke afbeeldings-URL.
• <item> - Informatie tussen itemtags is wat u wilt bijwerken wanneer u een nieuwe bibliotheekversie maakt. Je hebt alleen een item-tag nodig in de feed.

In die sectietag moet u voor elke update opnemen:

• <pubDate> - Openbare datum van bibliotheekupdate in RFC822-indeling.
• <enclosure> - De attachment-tag heeft 3 attributen: url, type & sparkle: version. Deze URL moet rechtstreeks verwijzen naar de serverlocatie van het bibliotheekdocument, het type moet "application / octet-stream" zijn en tenslotte sparkle: version is het nieuwste versienummer van de update.

Zorg ervoor dat je zowel de XML-feed als het Sketch-bestand hebt opgeslagen met een URL in de vorm van http of https, maar combineer de twee niet.

Gebruik ten slotte een tool zoals Meyerweb URL-encoder om de URL-feed XML te coderen en voeg deze als volgt toe:

sketch: // add-library? url =

Voer de volledige URL (van sketch: // tot het einde van de gecodeerde URL) in uw browser in om Sketch te openen en uw gedeelde bibliotheek toe te voegen.

Bibliotheek icoon

Wanneer u een bibliotheek toevoegt, ziet u deze bovenaan het deelvenster Componenten verschijnen. Als u op de naam van de bibliotheek klikt, kunt u symbolen, tekststijlen en laagstijlen uit de bibliotheek selecteren en naar Canvas slepen. U kunt ook toegang krijgen tot Bibliotheek-symbolen via het menu Invoegen , in plaats van het Symbolen-pictogram. Een bijbehorend pictogram geeft aan dat ze deel uitmaken van de bibliotheek.

U vindt ook Bibliotheeksymbolen in Symbolen wanneer u symbolen wijzigt.

Bibliotheeksymbolen bewerken

Wanneer u dubbelklikt op een bibliotheeksymbool om te bewerken, biedt Sketch u verschillende opties, afhankelijk van waar het bibliotheekbestand is toegevoegd.

Dubbelklikken om een ​​symbool te bewerken dat bij de lokale bibliotheek of bibliotheek op de persoonlijke cloud hoort, toont de volgende opties:

• Openen in bibliotheek brengt u naar het originele bibliotheekdocument, zodat u de hoofdversie van Symbol kunt bewerken. Hiermee worden de bibliotheek en alle documenten met versies van dat pictogram bijgewerkt.
• Ontkoppelen van bibliotheek maakt een lokale versie van het symbool, zodat u de originele versie in het huidige document kunt bewerken. Dit betekent dat u die pictogramupdates niet meer ontvangt als de bibliotheek aanvankelijk wordt bijgewerkt.

Als u het symbool van een teambibliotheek in de cloud probeert te bewerken, ziet u de volgende opties:

• Openen in bibliotheek opent het originele bibliotheekdocument vanuit de cloud. Alle wijzigingen hier worden bijgewerkt naar de bibliotheek zodat alle teamleden ze kunnen zien. Elk document met versies van dat pictogram weerspiegelt die wijzigingen.
• Ontkoppelen van bibliotheek maakt een lokale versie van Symbol, zodat u de originele kopie in het huidige document kunt bewerken. Dit betekent dat u die pictogramupdates niet meer ontvangt als de oorspronkelijke bibliotheek is bijgewerkt.

Als u een teambibliotheek gebruikt, wees dan voorzichtiger bij het bewerken van het hoofdsymbool hier. Alle wijzigingen die u aanbrengt en opslaat, worden verzonden naar iedereen die deze bibliotheek gebruikt.

Als het symbool dat u wilt bewerken tot de bibliotheek van derden behoort. De Apple iOS UI-kit heeft bijvoorbeeld alleen de optie Ontkoppelen van bibliotheek .

Bibliotheekstijlen

Naast symbolen kunt u tekst- en laagstijlen delen en synchroniseren met bibliotheken. Ze verschijnen in het Componentenpaneel en popover-componenten in Uiterlijk in Inspector. U kunt ook toegang krijgen tot tekst- en laagstijlen via het menu Invoegen. Net als symbolen heeft Bibliotheekstijlen een bijbehorend pictogram naast de groepsnaam om aan te geven dat ze deel uitmaken van de bibliotheek.

Bibliotheekstijlen bewerken

Als je Bibliotheekstijl (Laagstijlen of Tekststijlen) in een document gebruikt en je wilt er een Laag mee bewerken, dan heb je een paar opties in het Uiterlijk paneel in de Inspector:

• Voordat u bewerkingen uit te voeren, kunt u kiezen het aanmaken van een nieuwe lokale stijl van de huidige stijl geselecteerd. Deze actie verwijdert de link van dat type in de bibliotheek en creëert een nieuwe lokale stijl in het document.
• Als alternatief kunt u kiezen losmaken Style uit de oorspronkelijke, aan haar dochteronderneming in de Bibliotheek te geven, maar niet een nieuwe lokale stijl.
• Als u een bibliotheekstijl bewerkt, kunt u Nieuwe stijl maken en vervangen kiezen om de link in de bibliotheek te ontkoppelen, een nieuwe lokale stijl te maken en die wijzigingen op alle lagen van het document met dezelfde stijl toe te passen. gebruikt. U kunt er ook voor kiezen Stijl opnieuw instellen om eventuele wijzigingen ongedaan te maken.
• Zolang de stijl geen deel uitmaakt van een bibliotheek van derden, kunt u Stijl bewerken in bibliotheek kiezen om een ​​bibliotheekdocument met die stijl te openen.

Opmerking: als u de stijl in het oorspronkelijke bibliotheekdocument bewerkt, wordt die stijl bijgewerkt voor iedereen die deze bibliotheek gebruikt.

Voorinstellingen voor bibliotheken maken

Net als symbolen, tekst- en laagstijlen, kunt u bibliotheken gebruiken om vaste, verloop- of beeldvoorinstellingen te synchroniseren en te delen. Als u bijvoorbeeld een bibliotheekvoorinstelling voor een kleur wilt maken, selecteert u de kleur in de popover die het bibliotheekdocument vult en voegt u deze toe als voorinstelling in de documentkleuren .

Als u nu in een document werkt met die bibliotheek, klikt u op de titel boven deze vorige instellingen in het venster Vullingen en selecteert u vervolgens de naam van de bibliotheek om alle beschikbare bibliotheekvoorinstellingen te bekijken.

Bijgewerkte bibliotheekcomponenten

Wanneer bibliotheekcomponenten (symbolen, tekststijlen of laagstijlen) die in het document worden gebruikt, worden bijgewerkt, ziet u een badge Bibliotheekupdates beschikbaar in de hoek van het Sketch-softwarevenster. Klik erop, er verschijnt een dialoogvenster met Component-updates.

Selecteer Component om de wijzigingen te zien en vink dat vakje aan als u het in het document wilt bijwerken. Als u een component niet wilt bijwerken, schakelt u deze uit. Klik als u klaar bent op Componenten bijwerken .

Om te stoppen met het bijwerken van een symbool, dubbelklikt u op een versie ervan in het document en klikt u op Ontkoppelen van bibliotheek . Met deze actie wordt een lokaal pictogram op die symbolenpagina gemaakt.

Maak een aangepaste bibliotheekavatar

Als je ergens in het document een aangepast voorbeeldvenster voor je bibliotheek wilt maken, maak dan een vierkant tekengebied (1: 1) en noem het "Bibliotheekvoorbeeld".

Hierboven ziet u hoe u de bibliotheekfunctie gebruikt in Sketch grafische ontwerpsoftware . Ik hoop dat het artikel nuttig voor je is.