A lista definitiva dos 50 melhores plugins de esboço

O Sketch conquistou o mercado de design. Eles não divulgam nenhum número oficial, mas é bastante óbvio que quase qualquer equipe de design que você participa ou com quem fala conhece ou usa o Sketch até certo ponto.

Um dos aspectos mais poderosos do Sketch é sua animada comunidade de desenvolvedores e o fantástico conjunto de plugins que eles criaram para ele. Com os plugins do Sketch, você pode criar lindas ilustrações 3D e animações exclusivas em segundos.

Reuni uma lista de cinquenta dos melhores plugins do Sketch para economizar seu tempo em pesquisa. Eu os organizei por categorias abaixo.

Gerenciadores de plug-ins do Sketch
Plug-ins de esboço de colaboração
Plug-ins de gerador de conteúdo e objeto
Plugins de exportação e desenvolvimento front-end
Plug-ins de gerenciamento de camada
Serviços de utilidade pública

Gerenciadores de plug-ins do Sketch

Você deve começar instalando um desses quatro plugins do Sketch. Eles ajudarão você a gerenciar e executar seus plugins com eficiência.

Pacotes de esboços

Um navegador, gerenciador e atualizador automático de plug-ins do Sketch. Os Sketch Packs também o salvarão de problemas inesperados de compatibilidade ao atualizar o Sketch bloqueando as versões do plug-in.

Corredor de esboços

http://sketchrunner.com/

Sketch Runner é o Spotlight ou Alfred para Sketch. É um poderoso plugin do Sketch que permite executar comandos do Sketch no seu teclado. É também um plugin que instala e gerencia outros plugins para você.

Gerenciador de plug-ins de esboço

Baixe o plugin aqui: https://mludowise.github.io/Sketch-Plugin-Manager/

Este é o terceiro de quatro plugins que você achará útil quando se trata de testar e gerenciar seus plugins. Ele usa o Git para gerenciar todos os seus plugins e os mantém atualizados.

Caixa de ferramentas de esboço

Baixe o plugin aqui: http://sketchtoolbox.com/

Sketch Toolbox é outra opção que ajuda você a gerenciar, instalar e atualizar todos os seus plugins Sketch.

Embora você deva experimentar todos esses quatro plugins, o meu favorito é o Sketch Runner – ele oferece muito mais do que apenas gerenciamento de plugins. Se você se acostumar com isso, não poderá imaginar usar o Sketch sem ele.

Plug-ins de esboço de colaboração

Depois de escolher seu gerenciador de plug-ins, vamos entrar nos plug-ins de colaboração do Sketch que permitirão que você gerencie seus arquivos, colabore com seus amigos, colete feedback e muito mais.

Altura zero

Baixe o plugin aqui: https://zeroheight.com/

Zero Height é um plug-in externo gratuito que permite criar bibliotecas de ativos e guias de estilo, colaborar com outros designers e manter tudo sincronizado na nuvem.

Cadeia

Baixe o plugin aqui: https://github.com/lalomts/Chain

Chain é um ótimo plugin quando se trata de mudanças de cor em arquivos enormes. Este plugin Sketch cria relações de cores dinâmicas no Sketch e oferece a possibilidade de alterar as cores globalmente em tempo real.

Kaktus

Baixe o plugin aqui: https://kactus.io/

Kaktus é uma extensão de controle de versão de design. Ele gerencia seus arquivos e mantém você sincronizado com toda a equipe.

Abstrato

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 do Sketch, é integrado ao Slack e permite coletar feedback de clientes que não usam o Sketch.

Artesanato da InVision

Baixe plugins aqui: https://www.invisionapp.com/craft

Uma das extensões mais populares do Sketch, o Craft oferece um conjunto de plugins diferentes, desde um gerador de conteúdo até 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 em sites de ações para adicionar avatares de usuários, você pode fazer isso diretamente do Craft. Em vez de fazer números de telefone aleatórios, você pode apenas gerá-los.

Estes são apenas alguns exemplos de como o Craft funciona. Se você gostaria de saber mais sobre o Craft, definitivamente deveria ler este artigo da Toptal Designer Bree Chapin.

Plug-ins de gerador de conteúdo e objeto

Material de esboço

Baixe o plugin aqui: https://websiddu.github.io/sketch-material/

Este plug-in do Sketch permite gerar qualquer componente do sistema Google Material Design.

Grade de inicialização

Baixe o plugin aqui: https://github.com/De-La-Vega/BootstrapGrid

Este plugin do Sketch gera a grade do Bootstrap dentro dos arquivos do Sketch. Tudo o que você precisa fazer é desenhar um retângulo e o plugin criará a grade dentro dele.

Calendário de 7 colunas

Baixe o plugin aqui: https://www.ls.graphics/

7 Column Calendar irá gerar qualquer calendário de 7 colunas. Este é definitivamente um dos meus plugins favoritos. Economiza muito tempo se você precisar criar um calendário.

Fluxos do usuário

Baixe o plugin aqui: https://abynim.github.io/UserFlows/

Gerar diagramas de fluxo do usuário é muito fácil com o plug-in User Flows Sketch.

Looper

Baixe o plugin aqui: http://sureskumar.com/looper/

Um dos meus favoritos pessoais, este plugin gera ilustrações alucinantes duplicando 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 saber mais sobre o Looper aqui.

Confete

Baixe o plugin aqui: http://www.sketchconfetti.com/

Este plugin Sketch gera confetes de objetos e camadas com um clique.

Flor ícone

Baixe o plugin aqui: https://github.com/avadhbsd/IconFlower

Isso organizará os ícones em um padrão de filotaxia para você rapidamente.

Skatter

Baixe o plugin aqui: https://github.com/joshdjuric/Skatter

Outro ótimo plugin Sketch para criar padrões aleatórios. Basta criar algumas formas simples e o Skatter as transformará em um belo padrão.

Liquidificador

Baixe o plugin aqui: https://github.com/bunnieabc/Blender

Esta nova extensão do Sketch combina duas formas e cria um belo gradiente entre elas.

Gerador de mapas

Baixe o plugin aqui: https://github.com/eddisigner/sketch-map-generator

Se você está cansado de mapas de captura de tela para seus projetos, você vai adorar este plugin. Desenhe um retângulo, digite sua localização, copie o estilo do Snazzy Maps e o Map Generator fará o resto por você.

Tortas Esboçadas

Baixe o plugin aqui: https://github.com/longzheng/sketch-randomSize

Sketch não é a melhor ferramenta para criar gráficos de pizza… mas aí vem Sketchy Pies. Este plugin Sketch que irá criar gráficos circulares ou circulares para você.

Dimensionamento aleatório

Baixe o plugin aqui: https://github.com/longzheng/sketch-randomSize

Outra ótima 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.

Plugins de exportação e desenvolvimento front-end

Com esses plugins, você pode publicar arquivos HTML/CSS, sites inteiros ou boletins codificados sem nenhuma habilidade de codificação. Além disso, algumas dessas extensões gerarão arquivos para equipes de desenvolvimento que não usam o Sketch.

Plataforma de lançamento

Baixe o plugin aqui: https://launchpad.animaapp.com/

Um excelente plugin do Sketch que permite publicar sites prontos para uso sem nenhum conhecimento de código diretamente no Sketch.

Furtivo

Baixe o plugin aqui: https://launchpad.animaapp.com/

Da próxima vez que seu cliente pedir para você trabalhar em um modelo de e-mail, baixe este plugin. Ele irá ajudá-lo a criar modelos de e-mail facilmente com código pronto para HTML que é responsivo.

Sincronizar com o Apresentações

Baixe o plugin aqui: https://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides

Um ótimo plugin do Sketch para quem trabalha em apresentações online. Ele sincroniza as pranchetas do Sketch com o Google Slides.

A medida

Baixe o plugin aqui: http://utom.design/measure/

O Measure é perfeito 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 desenvolvedores sem Sketch possam abri-lo facilmente.

Marketch

Baixe o plugin aqui: https://github.com/tudou527/marketch

Outro plugin que se torna útil quando você colabora com equipes de desenvolvimento. Ele gera arquivos HTML que contêm designs e permite copiar estilos CSS de todas as suas camadas.

Plug-ins de gerenciamento de camada

Esses plugins são realmente úteis quando você gerencia arquivos de design enormes. Eles permitem que você limpe, renomeie, remova ou pesquise nas camadas do Sketch. Você também pode usar emojis para gerenciar seus arquivos.

Renomear

Baixe o plugin aqui: https://github.com/rodi01/RenameIt

Com este plugin Sketch, você pode renomear várias camadas de uma vez selecionando-as e usando um único atalho.

Limpar grupos inúteis

Baixe o plugin aqui: https://github.com/bomberstudios/Cleanup-Useless-Groups

Quando você está trabalhando rápido, pode acabar com grupos vazios. Este plugin Sketch resolverá seus problemas removendo todos os grupos inúteis (duplicados ou vazios).

Selecione Camadas Familiares

Baixe o plugin aqui: https://github.com/wonderbit/sketch-select-similar-layers

Se você está familiarizado com o recurso “Select Similar Objects” do Adobe Illustrator e sente falta disso no Sketch, você vai adorar este plugin. Este plugin permite que você selecione camadas com a mesma cor de preenchimento, cor da borda, tamanho da fonte, modo de mesclagem, etc.

Gerenciador de pranchetas de esboço

Baixe o plugin aqui: https://github.com/bomberstudios/artboard-manager

Os gerenciadores de pranchetas encaixam pranchetas em linhas e colunas e organizam sua posição.

Pesquisa de esboços em todos os lugares

Baixe o plugin aqui: https://github.com/MrPeak/sketch-search-everywhere

Com este plugin Sketch, você pode encontrar qualquer camada apenas digitando seu nome.

Classifique-me

Baixe o plugin aqui: https://github.com/romashamin/sort-me-sketch

Este pequeno plug-in do Sketch classificará suas camadas ou pranchetas com um atalho de teclado.

Alternar camadas

Baixe o plugin aqui: https://github.com/joshwayne/jw-sketch-plugins

Um ótimo plugin que, em combinação com Emojis em Layer Names, permite alternar a visibilidade da camada fornecida com o emoji de olhos.

Serviços de utilidade pública

Esses plug-ins do Sketch estendem principalmente os recursos básicos do Sketch ou os tornam mais acessíveis.

Espelho Mágico 3

Baixe o plugin aqui: http://magicsketch.io/mirror/

Se você sente falta do Perspective Transformation do Photoshop, este plugin Sketch é obrigatório. Você poderá transformar qualquer camada do Sketch em perspectiva sem destruí-la.

Rígido

Baixe o plugin aqui: http://www.getstark.co/

Um plugin obrigatório se você se preocupa com a acessibilidade do seu projeto. É um simulador daltônico e verificador de contraste.

Ferramentas úteis

Baixe o plugin aqui: https://github.com/webpatch/Handy-Tools

Handy Tools fornece um conjunto de recursos como alinhamento de camada, espaçamento ou alternância de visibilidade de camada.

Raio do canto de deslocamento

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.

Símbolos de importação

Baixe o plugin aqui: https://github.com/kmerc/sketch-import-symbols

Se você trabalha em vários arquivos do Sketch, pode dar uma olhada neste plugin. Ele importa todos os símbolos de um arquivo Sketch para outro.

Mover meio pixel

Baixe o plugin aqui: https://github.com/canisminor1990/sketch-move-half-pixel

Às vezes você quer mover um objeto no Sketch por meio pixel – é muito fácil com este plugin.

Plug-ins de texto

Baixe o plugin aqui: https://github.com/joshwayne/jw-sketch-plugins

Com esses dois plugins, você pode combinar várias camadas de texto em um campo de texto ou dividir um campo de texto em camadas separadas.

Appalette

Baixe o plugin aqui: https://github.com/Carlosarturo28/Appalette

Appalette baixará uma paleta de cores de muitos aplicativos populares como Dropbox, Facebook ou Airbnb.

Verificação ortográfica de todas as camadas

Baixe o plugin aqui: https://github.com/Tallwave/sketch-spellcheck-all-layers

Um dos meus plugins de esboço favoritos. Ele verificará todo o arquivo em busca de erros de digitação.

Layout automático

Baixe o plugin aqui: https://animaapp.github.io/

Quatro palavras que descrevem este plugin: Responsive Design for Designers.

Fluido

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.

Composição

Baixe o plugin aqui: https://github.com/romashamin/compo-sketch

Com este plugin do Sketch, você pode criar componentes dinâmicos de próximo nível.

FlipSize

Baixe o plugin aqui: https://github.com/apertureless/sketch-flip-size

Um pequeno plug-in do Sketch que alternará a largura e a altura do objeto com um atalho.

Pixel Perfecter

Baixe o plugin aqui: https://github.com/swiadek/pixel-perfecter-sketch-plugin

Com este plugin Sketch simples, você evitará dimensões de camada quebradas.

Marcador de ícone

Baixe o plug-in aqui: https://github.com/tylergaw/icon-stamper

Um plugin Sketch que irá gerar diferentes tamanhos de ícone para você.

Pranchetas sociais

Baixe o plugin aqui: https://github.com/herrhelms/social-artboards-sketch

Se você criar muitas imagens de mídia social, este plug-in do Sketch economizará muito tempo gerando pranchetas com tamanhos diferentes para você.

Localizar e substituir

Baixe o plugin aqui: https://github.com/thierryc/Sketch-Find-And-Replace

Com este plugin Sketch você pode encontrar e substituir qualquer texto dentro do seu arquivo.

• • •

Leia mais no Blog Toptal Design:

• eCommerce UX – Uma visão geral das melhores práticas (com infográfico)
• A Importância do Design Centrado no Homem no Design de Produto
• Os melhores portfólios de UX Designer – Estudos de caso e exemplos inspiradores
• Princípios heurísticos para interfaces móveis
• Design Antecipatório: Como criar experiências de usuário mágicas