Sketch conquistou o mercado de design de assalto. Nenhum problema oficial foi lançado, mas é bastante óbvio que quase qualquer equipe de design da qual você participa ou conhece conhece ou usa o Sketch em algum grau.
Um dos aspectos mais poderosos do Sketch é sua animada comunidade de desenvolvedores e o fantástico conjunto de plug-ins que criaram para ele. Com os plug-ins do Sketch, você pode criar lindas ilustrações 3D e animações exclusivas em segundos.
Eu fiz uma lista de cinquenta dos melhores plug-ins do Sketch para economizar tempo em pesquisas. Eu os organizei por categorias abaixo.
Sketch Plugin Managers
Plug-ins de Sketch de colaboração
Plugins Geradores de Conteúdo e Objeto
Plug-ins de exportação e desenvolvimento de front-end
Plugins de gerenciamento de camadas
Serviços de utilidade pública
Você deve começar instalando um desses quatro plug-ins do Sketch. Eles o ajudarão a gerenciar e executar seus plug-ins com eficiência.
Baixe o plugin aqui: https://sketchpacks.com/
Um explorador, gerenciador e atualizador automático de plugins Sketch. Os pacotes do Sketch também evitarão problemas inesperados de compatibilidade ao atualizar o Sketch, bloqueando as versões do plugin.
Sketch Runner no Spotlight ou Alfred para Sketch. É um poderoso plugin do Sketch que permite executar comandos do Sketch a partir do teclado. É também um plugin que instala e gerencia outros plugins para você.
Baixe o plugin aqui: https://mludowise.github.io/Sketch-Plugin-Manager/
Este é o terceiro de quatro plug-ins que você achará útil ao testar e gerenciar seus plug-ins. Use o Git para gerenciar todos os seus plug-ins e mantê-los atualizados.
Baixe o plugin aqui: http://sketchtoolbox.com/
Sketch Toolbox é outra opção que ajuda a gerenciar, instalar e atualizar todos os plug-ins do Sketch.
Embora você deva tentar esses quatro plug-ins, meu favorito é Sketch Runner - ele oferece muito mais do que apenas gerenciamento de plug-ins. Se você se acostumar com isso, não será capaz de imaginar o uso do Sketch sem ele.
Depois de escolher seu gerenciador de plug-ins, vamos dar uma olhada nos plug-ins de colaboração do Sketch que permitirão que você gerencie seus arquivos, colabore com seus amigos, colete comentários e muito mais.
Baixe o plugin aqui: https://zeroheight.com/
Zero Height é um plugin externo gratuito que permite criar bibliotecas de recursos e guias de estilo, colaborar com outros designers e manter tudo sincronizado na nuvem.
Baixe o plugin aqui: https://lalomrtnz.github.io/Chain/
Chain é um ótimo complemento quando se trata de mudanças de cores em arquivos grandes. Este plugin do Sketch cria relações dinâmicas de cores no Sketch e lhe dá a capacidade de alterar as cores globalmente em tempo real.
Baixe o plugin aqui: https://kactus.io/
Kaktus é uma extensão de controle de versão de design. Gerenciar seus arquivos e mantê-lo em sincronia com toda a equipe.
Baixe o plugin aqui: https://www.goabstract.com/
Este plugin é um Git para designers. Ele permite que você gerencie todo o projeto e colabore com outros designers. Ele oferece controle de versão de seus arquivos Sketch, é integrado ao Slack e permite coletar feedback de clientes que não usam Sketch.
Baixe os plug-ins aqui: https://www.invisionapp.com/craft
Sendo uma das extensões Sketch mais populares, Craft oferece um conjunto de plug-ins diferentes de um gerador de conteúdo a um coletor de feedback e ferramentas de prototipagem. Em vez de adicionar conteúdo lorem ipsum, você pode obter conteúdo real de um site. Em vez de pesquisar sites de ações para adicionar avatares de usuários, você pode fazer isso diretamente do Craft. Em vez de criar números de telefone aleatórios, você pode apenas gerá-los.
Estes são apenas alguns exemplos de como o Craft funciona. Se você quiser saber mais sobre o Craft, você deve definitivamente leia este artigo da ApeeScape Designer Bree Chapin .
Baixe o plugin aqui: https://websiddu.github.io/sketch-material/
Este plugin do Sketch permitirá que você gere qualquer componente do sistema Google Material Design.
Baixe o plugin aqui: https://github.com/De-La-Vega/BootstrapGrid
Este plugin Sketch gera a rede Bootstrap dentro de arquivos Sketch. Tudo que você precisa fazer é desenhar um retângulo e o plugin criará a grade dentro dele.
Baixe o plugin aqui: https://freedesignresources.net/7-columns-calendar-creator
O calendário de 7 colunas gerará qualquer calendário de 7 colunas. Este é definitivamente um dos meus plug-ins favoritos. Economize muito tempo se precisar criar um calendário.
Baixe o plugin aqui: https://abynim.github.io/UserFlows/
A geração de fluxogramas do usuário é muito fácil com o plugin User Flows Sketch.
Baixe o plugin aqui: http://sureskumar.com/looper/
Um dos meus favoritos, este plugin gera ilustrações incríveis ao duplicar formas e grupos. Você pode usá-lo para criar vários tipos de ilustrações, como banners, pôsteres, padrões, fundos abstratos e muito mais. Você pode obter mais informações sobre o Looper Aqui .
Baixe o plugin aqui: http://www.sketchconfetti.com/
Este plugin do Sketch gera confetes de objeto e camada com um clique.
Baixe o plugin aqui: https://github.com/avadhbsd/IconFlower
Isso organizará os ícones em um padrão de filotaxia para você a qualquer momento.
Baixe o plugin aqui: https://github.com/joshdjuric/Skatter
Outro ótimo plugin do Sketch para criar padrões aleatórios. Basta criar algumas formas simples e o Skatter as transformará em um belo design.
Baixe o plugin aqui: https://github.com/bunnieabc/Blender
Esta nova extensão Sketch combina duas formas e cria um lindo gradiente entre elas.
Baixe o plugin aqui: https://github.com/eddiesigner/sketch-map-generator
Se você está cansado de capturar mapas para seus projetos, vai adorar este plugin. Desenhe um retângulo, escreva sua localização, copie o estilo do Mapas Snazzy , e o Map Generator fará o resto por você.
Baixe o plugin aqui: https://github.com/abynim/sketchy-pies
Sketch não é a melhor ferramenta para criar gráficos de pizza ... mas aí vem Sketchy Pies. Este plugin do Sketch criará gráficos de pizza ou pizza para você.
Baixe o plugin aqui: https://github.com/longzheng/sketch-randomSize
Outra grande extensão do Sketch para criar gráficos. Você pode randomizar qualquer dimensão de forma com este plugin para criar gráficos de barras.
Com esses plug-ins, você pode publicar arquivos HTML / CSS criptografados, sites inteiros ou boletins informativos sem nenhuma habilidade de codificação. Além disso, algumas dessas extensões irão gerar arquivos para equipes de desenvolvimento que não usam o Sketch.
Baixe o plugin aqui: https://launchpad.animaapp.com/
Um excelente plugin do Sketch que permite que você publique sites prontos para uso sem nenhum conhecimento de código diretamente no Sketch.
Baixe o plugin aqui: https://launchpad.animaapp.com/
Na próxima vez que seu cliente solicitar que você trabalhe em um modelo de e-mail, baixe este plugin. Isso o ajudará a criar facilmente modelos de e-mail com código responsivo pronto para HTML.
Baixe o plugin aqui: https://websiddu.github.io/sync-to-slides/
Um excelente plugin do Sketch para quem trabalha com apresentações online. Sincronize pranchetas do Sketch ao Google Slides.
Baixe o plugin aqui: http://utom.design/measure/
A medida é perfeita quando você precisa passar seu arquivo de design para uma equipe de desenvolvimento. Ele marca todas as dimensões e gera um arquivo HTML que contém todo o design, para que os desenvolvedores sem Sketch possam abri-lo facilmente.
Baixe o plugin aqui: https://github.com/tudou527/marketch
Outro plugin útil ao colaborar com equipes de desenvolvimento. Ele gera arquivos HTML que contêm layouts e permite copiar estilos CSS de todas as suas camadas.
Esses plug-ins são realmente úteis ao gerenciar grandes arquivos de design. Eles permitem que você limpe, renomeie, exclua ou pesquise nas camadas de esboço. Você também pode usar emojis para gerencie seus arquivos .
Baixe o plugin aqui: https://github.com/rodi01/RenameIt
Com este plugin do Sketch, você pode renomear várias camadas de uma vez, selecionando-as e usando um único atalho.
Baixe o plugin aqui: https://github.com/bomberstudios/Cleanup-Useless-Groups
Quando você trabalha rápido, pode acabar com grupos vazios. Este plugin do Sketch resolverá seus problemas removendo todos os grupos inúteis (duplicados ou vazios).
Baixe o plugin aqui: https://github.com/wonderbit/sketch-select-similar-layers
Se você está familiarizado com o recurso 'Selecionar objetos semelhantes' no Adobe Illustrator e não o vê no Sketch, você vai adorar este plugin. Este plugin permite que você selecione camadas com a mesma cor de preenchimento, cor de borda, tamanho da fonte, modo de mesclagem, etc.
Baixe o plugin aqui: https://github.com/bomberstudios/artboard-manager
Os gerentes de prancheta organizam pranchetas em linhas e colunas e organizam sua posição.
Baixe o plugin aqui: https://github.com/MrPeak/sketch-search-everywhere
Com este plugin Sketch, você pode encontrar qualquer camada apenas digitando seu nome.
Baixe o plugin aqui: https://github.com/romashamin/sort-me-sketch
Este pequeno plugin do Sketch irá classificar suas camadas ou pranchetas com um atalho de teclado.
Baixe o plugin aqui: https://github.com/joshwayne/jw-sketch-plugins
Um ótimo complemento que, em combinação com o Emojis em nomes de camadas , permite alternar a visibilidade da camada fornecida com o emoji de olho).
Esses plug-ins do Sketch estendem principalmente as funções básicas do Sketch ou as tornam mais acessíveis.
Baixe o plugin aqui: http://magicsketch.io/mirror/
Se você sente falta do Perspective Transform do Photoshop, este plugin do Sketch é uma obrigação. Você pode transformar qualquer camada de esboço em perspectiva sem destruí-la.
Baixe o plugin aqui: http://www.getstark.co/
Um complemento essencial se você se preocupa com a acessibilidade do seu projeto. É um simulador daltônico e um verificador de contraste.
Baixe o plugin aqui: https://github.com/webpatch/Handy-Tools
Ferramentas úteis fornecem um conjunto de recursos como alinhamento de camada, espaçamento de camada ou visibilidade de alternância.
Baixe o plugin aqui: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin
Este plugin permite que você altere o raio do canto do seu teclado.
Baixe o plugin aqui: https://github.com/kmerc/sketch-import-symbols
Se você trabalha com vários arquivos Sketch, pode querer verificar este plugin. Importe todos os símbolos de um arquivo Sketch para outro.
Baixe o plugin aqui: https://github.com/canisminor1990/sketch-move-half-pixel
Às vezes, você deseja mover um objeto no Sketch em meio pixel, é muito fácil com este plugin.
Baixe o plugin aqui: https://github.com/joshwayne/jw-sketch-plugins
Com esses dois plug-ins, você pode combinar várias camadas de texto em um campo de texto ou pode dividir um campo de texto em camadas separadas.
Baixe o plugin aqui: https://github.com/Carlosarturo28/Appalette
O Appalette fará o download de uma paleta de cores de muitos aplicativos populares como Dropbox, Facebook ou Airbnb.
Baixe o plugin aqui: https://github.com/Tallwave/sketch-spellcheck-all-layers
Um dos meus plug-ins favoritos do Sketch. Ele verificará todo o arquivo em busca de erros tipográficos.
Baixe o plugin aqui: https://animaapp.github.io/
Quatro palavras para descrever este plugin: Design Responsivo para Designers.
Baixe o plugin aqui: https://github.com/matt-curtis/Fluid-for-Sketch
Um plugin complexo que permite criar pranchetas responsivas com base em restrições.
Baixe o plugin aqui: https://github.com/romashamin/compo-sketch
Com este plugin Sketch, você pode criar componentes dinâmicos de outro nível.
Baixe o plugin aqui: https://github.com/apertureless/sketch-flip-size
Um pequeno plugin do Sketch que mudará a largura e altura do objeto com um atalho.
Baixe o plugin aqui: https://github.com/swiadek/pixel-perfecter-sketch-plugin
Com este plugin simples do Sketch, você evitará cotas de camada quebradas.
Baixe o plugin aqui: https://github.com/tylergaw/icon-stamper
Um plugin Sketch que irá gerar diferentes tamanhos de ícones para você.
Baixe o plugin aqui: https://github.com/herrhelms/social-artboards-sketch
Se você criar muitas imagens de mídia social, este plugin do Sketch irá economizar muito tempo ao gerar placas de tamanhos diferentes.
Baixe o plugin aqui: https://github.com/thierryc/Sketch-Find-And-Replace
Com este plugin do Sketch, você pode localizar e substituir qualquer texto em seu arquivo.