Como criar símbolos em Sketch (com imagens)

Índice:

Como criar símbolos em Sketch (com imagens)
Como criar símbolos em Sketch (com imagens)
Anonim

Este wikiHow ensina como transformar qualquer elemento em um símbolo no Sketch para macOS. Ao criar um símbolo, você pode reutilizar o mesmo elemento em qualquer outro lugar em seu projeto. Os símbolos geralmente são usados para reutilizar elementos como botões, listas / menus e guias.

Passos

Parte 1 de 2: Criando um símbolo

Criar símbolos no esboço, etapa 1
Criar símbolos no esboço, etapa 1

Etapa 1. Abra seu projeto no Sketch

Se você não tiver o Sketch, você pode usar a versão de teste gratuita disponível em

Criar Símbolos no Passo 2 do Sketch
Criar Símbolos no Passo 2 do Sketch

Etapa 2. Selecione o (s) objeto (s) que deseja transformar em símbolo

Clique no grupo, objeto (s), camada (s) ou prancheta para a qual deseja criar um símbolo para selecioná-lo. Você pode transformar quase qualquer elemento em um símbolo para reutilizá-lo em outras telas, páginas e pranchetas.

Criar Símbolos no Passo 3 do Sketch
Criar Símbolos no Passo 3 do Sketch

Etapa 3. Clique no ícone Criar

É o diamante dentro de um quadrado acima da área de trabalho. Isso abre a caixa de diálogo "Criar novo símbolo".

Criar Símbolos no Passo 4 do Sketch
Criar Símbolos no Passo 4 do Sketch

Etapa 4. Insira um nome para o símbolo

Use algo descritivo para que possa selecioná-lo facilmente no futuro.

Se você adicionar uma barra após o nome do símbolo, o Sketch criará um subgrupo de menu com o nome da parte do nome antes da barra. Por exemplo, se você criar símbolos chamados Botão / Normal e Botão / Pressionado, você poderá escolher Botão no menu Símbolo e escolha um Normal ou Pressionado no subgrupo do menu.

Criar símbolos no esboço, etapa 5
Criar símbolos no esboço, etapa 5

Etapa 5. Escolha se deseja enviar a fonte para uma página de símbolos separada

Se você marcar a caixa, uma nova página chamada "Símbolos" será criada acima da lista de camadas. Se você não escolher esta opção, o símbolo permanecerá na página atual com sua própria prancheta.

Editar a fonte do símbolo afetará todas as instâncias do símbolo em todo o projeto. Não importa onde você coloque os símbolos, clicar duas vezes em qualquer instância sempre o levará para a fonte para edição

Criar Símbolos no Passo 6 do Sketch
Criar Símbolos no Passo 6 do Sketch

Etapa 6. Clique no botão Criar

É o botão laranja na janela de diálogo. Agora você pode inserir o símbolo em qualquer lugar que desejar no projeto.

Parte 2 de 2: Inserindo um Símbolo

Criar Símbolos no Sketch Etapa 7
Criar Símbolos no Sketch Etapa 7

Etapa 1. Abra seu projeto no Sketch

Se você ainda não estiver visualizando a tela na qual deseja inserir o símbolo, navegue até lá agora.

Criar símbolos no esboço, etapa 8
Criar símbolos no esboço, etapa 8

Etapa 2. Pressione C no teclado

Isso abre a janela Inserir.

Criar símbolos no esboço, etapa 9
Criar símbolos no esboço, etapa 9

Etapa 3. Procure o símbolo que deseja inserir

Se você tiver muitos símbolos, poderá pesquisar o correto pelo nome usando a barra Pesquisar na parte superior da janela.

Criar Símbolos no Sketch Etapa 10
Criar Símbolos no Sketch Etapa 10

Etapa 4. Arraste o símbolo para o local desejado

Isso coloca uma instância do símbolo na tela.

Clique duas vezes no símbolo para editar sua fonte. Se você fizer alterações na fonte, clique em Retornar à instância para que você possa ver como suas alterações afetaram o símbolo.

Recomendado: