Início
» Wiki
»
Como usar a Biblioteca no Sketch é simples
Como usar a Biblioteca no Sketch é simples
Bibliotecas são documentos de esboço que contêm elementos como símbolos, estilos de texto e estilos de camada que você pode compartilhar em todos os outros documentos, inclusive em membros inteiros da equipe.
Ao atualizar componentes nas Bibliotecas, os documentos que os utilizam recebem uma notificação de atualização. Você pode revisar essas alterações e validá-las para garantir que você sempre use os componentes mais recentes para o seu trabalho atual.
As bibliotecas são extremamente úteis em equipes de design colaborativo, nas quais eles precisam compartilhar componentes como ícones, elementos de interface ou marcas. No entanto, eles ainda são úteis, mesmo quando você trabalha sozinho. Com as Bibliotecas, você pode inserir rapidamente componentes comuns (como os elementos de interface do usuário iOS da Apple) em seus designs e garantir que eles estejam sempre atualizados.
Abra as Preferências do Sketch, selecionando Sketch> Preferences (ou pressionando ⌘+ ,) e clicando na guia Bibliotecas . Aqui, você pode arrastar um documento de esboço da biblioteca para a janela ou usar o botão Adicionar biblioteca ... para adicionar os dados desejados.
Compartilhar bibliotecas
Existem várias maneiras diferentes de compartilhar bibliotecas com outras pessoas, como serviços de nuvem, compartilhamento via Sketch for Teams ou Cloud ou upload para um servidor e uso de RSS para atualizações.
Usar um serviço de nuvem como o Dropbox ou o Google Drive para compartilhar uma biblioteca é tão simples quanto carregar um documento do Sketch e compartilhá-lo com qualquer pessoa que precise. Eles receberão uma notificação no Sketch sempre que o atualizarem.
Usar o Sketch Cloud para compartilhar a Biblioteca também é simples. Faça o upload do documento para esta nuvem, abra suas configurações, marque Usar como biblioteca e clique em Salvar alterações .
Qualquer pessoa que compartilhe esse documento da Biblioteca no Sketch Cloud pode clicar no botão Adicionar biblioteca ao Sketch na visão geral do documento para adicioná-lo como uma Biblioteca e receber notificações no Sketch ao atualizá-lo.
Compartilhar bibliotecas com o Sketch for Teams
Se faz parte das bibliotecas compartilhadas e descobertas por uma equipe, é ainda mais simples. Faça o upload do seu documento para o ambiente de trabalho em equipe, clique no ícone de engrenagem para abrir as configurações, marque Usar como biblioteca> clique em Salvar alterações .
Retorne ao aplicativo Mac e você verá todas as Cloud Libraries de qualquer equipe trabalhando na guia Libraries em Preferences. Você pode rolar e encontrar as bibliotecas necessárias. Quando você quiser usar uma biblioteca, basta pressionar Instalar .
Usar o RSS e um servidor para compartilhar bibliotecas é um pouco mais complicado. Primeiro, você precisa hospedar esse documento da biblioteca em um servidor. Então você precisa criar um arquivo 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> Minha biblioteca de esboços </title>
<description> Minha biblioteca de esboços </description>
<image>
<url> </url>
< /url> <title> Minha biblioteca de esboços </title>
</image>
<generator> Esboço </generator>
<item>
<title> Minha biblioteca de
esboços </title> <pubDate> Qua, 23 jun 2019 11:19:04 +0000 </pubDate>
<gabinete url = "mysketchlibrary.sketch" type = "application / octet-stream" sparkle: version = "1" />
</item>
</channel>
</rss>
Neste arquivo XML, você precisa editar o seguinte:
<title> - O nome da Biblioteca a aparecer no Sketch.
<image> <url> - O URL da miniatura padrão que o Sketch tentará usar para sua biblioteca. Ele apontará para o URL da imagem acessível ao público.
<item> - As informações entre as tags de item são o que você deseja atualizar ao criar uma nova versão da biblioteca. Você só precisa de uma tag de item no feed.
Nessa tag de seção, para cada atualização, você precisa incluir:
<pubDate> - Data pública de atualização da biblioteca no formato RFC822.
<gabinete> - A tag de anexo possui 3 atributos: url, tipo e brilho: versão. Esse URL deve apontar diretamente para o local do servidor do documento da Biblioteca, o tipo deve ser "application / octet-stream" e, finalmente, sparkle: version é o número da versão da atualização mais recente.
Verifique se você salvou o feed XML e o arquivo Sketch com um URL na forma de http ou https, mas não combine os dois.
Por fim, use uma ferramenta como o codificador de URL Meyerweb para codificar o XML do feed de URL e adicione-o da seguinte maneira:
sketch: // biblioteca de adição? url =
Digite o URL completo (do sketch: // até o final do URL criptografado) no seu navegador para abrir o Sketch e adicionar sua biblioteca compartilhada.
Ícone da biblioteca
Quando você adiciona uma biblioteca, ela aparece na parte superior do painel Componentes. Clicar no nome da Biblioteca permitirá selecionar Símbolos, Estilos de Texto e Estilos de Camada na Biblioteca e arrastá-los para o Canvas. Você também pode acessar os símbolos da biblioteca no menu Inserir , em vez do ícone Símbolos. Um ícone associado indica que eles fazem parte da Biblioteca.
Você também encontrará Símbolos da biblioteca em Símbolos quando alterar símbolos.
Como editar símbolos da biblioteca
Quando você clica duas vezes em um símbolo da biblioteca para editar, o Sketch oferece várias opções, dependendo de onde o arquivo da biblioteca é adicionado.
Clicar duas vezes para editar um Símbolo pertencente à Biblioteca Local ou à Biblioteca na Nuvem Pessoal mostrará as seguintes opções:
Abrir na Biblioteca o levará ao documento original da Biblioteca, para que você possa editar a versão principal do Symbol. Isso atualizará a Biblioteca e quaisquer documentos com versões desse ícone.
Desvincular da Biblioteca criará uma versão local do símbolo para que você possa editar sua versão original no documento atual. Isso significa que você não receberá mais essas atualizações de ícones se a Biblioteca for atualizada inicialmente.
Se você estiver tentando editar o símbolo de uma biblioteca de equipes na nuvem, verá as seguintes opções:
Abrir na biblioteca abrirá o documento original da biblioteca na nuvem. Quaisquer alterações aqui serão atualizadas na Biblioteca para todos os membros da equipe verem. Qualquer documento com versões desse ícone refletirá essas alterações.
Desvincular da Biblioteca criará uma versão local do Symbol para que você possa editar a cópia original no documento atual. Isso significa que você não receberá mais essas atualizações de ícones se a Biblioteca original tiver sido atualizada.
Se você estiver usando uma biblioteca de equipe, tenha mais cuidado ao editar o símbolo principal aqui. Quaisquer alterações que você fizer e salvar serão enviadas a todos que estiverem usando esta Biblioteca.
Se o símbolo que você deseja editar pertencer à biblioteca de terceiros. Por exemplo, o kit de interface do usuário da Apple iOS terá apenas a opção Desvincular da biblioteca .
Estilos de biblioteca
Além dos símbolos, você pode compartilhar e sincronizar estilos de texto e de camada usando as bibliotecas. Eles aparecerão no Painel de componentes e Componentes popover em Aparência no Inspetor. Você também pode acessar os estilos de texto e de camada no menu Inserir. Assim como os símbolos, os Estilos da biblioteca têm um ícone associado ao lado do nome do grupo para indicar que eles fazem parte da Biblioteca.
Como editar estilos de biblioteca
Se você estiver usando o estilo de biblioteca (estilos de camada ou estilos de texto) em um documento e quiser editar uma camada usando-o, você terá algumas opções no painel Aparência no Inspetor:
Antes de fazer edições, você pode optar por Criar um novo estilo local a partir do estilo atualmente selecionado. Esta ação remove o link desse tipo na biblioteca e cria um novo estilo local no documento.
Como alternativa, você pode escolher esse estilo de desanexação de sua versão original, para remover seu link na Biblioteca, mas não para criar um novo estilo local.
Se você estiver editando um Estilo de Biblioteca, poderá escolher Criar Novo Estilo e Substituir para desvincular seu link na biblioteca, criar um novo Estilo Local e aplicar essas alterações a todas as camadas do documento com o mesmo Estilo. usado. Como alternativa, você pode escolher Redefinir estilo para reverter as alterações.
Desde que o estilo não faça parte de uma biblioteca de terceiros, você pode escolher Editar estilo na biblioteca para abrir um documento da biblioteca que contenha esse estilo.
Nota: A edição do estilo no documento original da biblioteca atualizará esse estilo para qualquer pessoa que use esta biblioteca.
Como criar predefinições para bibliotecas
Assim como os símbolos, os estilos de texto e de camada, você pode usar as bibliotecas para sincronizar e compartilhar predefinições sólidas, gradientes ou de imagem. Para criar uma predefinição de biblioteca para uma cor, por exemplo, selecione a cor na janela pop-up que preenche o documento da biblioteca e adicione-a como predefinição nas cores do documento .
Agora, quando você estiver trabalhando em um documento usando essa biblioteca, clique no título acima dessas configurações anteriores na janela Preenchimentos e selecione o nome da biblioteca para visualizar todas as predefinições de biblioteca disponíveis.
Componentes da biblioteca atualizados
Quando os componentes da biblioteca (símbolos, estilos de texto ou estilos de camada) usados no documento forem atualizados, você verá um emblema de atualizações de biblioteca disponíveis no canto da janela do software Sketch. Clique nele, uma caixa de diálogo contendo atualizações de componentes será exibida.
Selecione Componente para ver as alterações e marque essa caixa se desejar atualizá-lo no documento. Se você não deseja atualizar um componente, desmarque-o. Depois de concluído, clique em Atualizar componentes .
Para parar de atualizar um símbolo, clique duas vezes em qualquer versão do documento e clique em Desvincular da biblioteca . Esta ação criará um ícone local na página Símbolos.
Crie um avatar da biblioteca personalizado
Se você deseja criar uma janela de visualização personalizada para sua Biblioteca em algum lugar do documento, crie uma Prancheta quadrada (1: 1) e nomeie-a como "Visualização da Biblioteca".
Acima, veja como usar o recurso Biblioteca no software de design gráfico Sketch . Espero que o artigo seja útil para você.