Depois de ter você confessei minha mudança do Photoshop para o Sketch, formalizo minha afeição por este software compartilhando com vocês minha seleção dos melhores plugins do Sketch. Por fim, aqueles que para mim são os melhores, porque os uso diariamente (ou quase…).
Meu objetivo para este Calendário do Advento UX? Mantenha apenas os 10 plugins que vão mudar o seu dia a dia ou melhor, o dos seus projetos. Espero que, como eu, você possa economizar um tempo precioso.
N°1: Artesanato – O essencial
Este plugin é simplesmente ESSENCIAL. É realmente o primeiro plugin a instalar logo após o software, pois possui um grande número de opções.
Vantagens:
- Sincronização integrada com InVision para exportar seus protótipos;
- Uma biblioteca que permite gerar conteúdo para qualquer tipo de dado (textos, fotos, etc.) muito prático quando você trabalha em listas e por extensão qualquer tipo de conteúdo recorrente;
- O recurso “Duplicar” que automatiza a duplicação de conteúdo;
- Fácil acesso à iStock e GettyImages;
- Prototipagem.
Nº 2: Gerador de estilo + Estilo de texto compartilhado – Está tudo no estilo
As bibliotecas de estilo de texto falam com você? Bem, graças a esses dois plugins, você se tornará o ás dos estilos de texto e bibliotecas.
Defina seu estilo de texto. Então, tudo o que você precisa fazer é chamá-los de sua biblioteca. Você economiza tempo porque não precisa mais formatar cada texto!
Defina sua biblioteca de estilos. Et Compartilhado permitirá que você compartilhe sua biblioteca de estilos. Como? 'Ou' O quê? Graças à exportação de um pequeno arquivo .Json contendo a biblioteca de estilos. Caso você trabalhe em equipe, este plugin prova ser uma grande ajuda… (Um próximo artigo virá sobre trabalho em equipe graças ao Sketch…)
N°3: Anima – Energize suas pranchetas
Este é um dos meus favoritos (mais um). Este plugin energizará suas pranchetas. Ou seja, reativo para responsivo. E isso é realmente surpreendente.
Vamos pegar o exemplo do design de um site responsivo. Quem diz responsivo diz diferentes tamanhos de tela para projetar. “Não se preocupe, seja feliz”, o Anima permite que você trabalhe em uma única prancheta que adapta seu design de acordo com o tamanho. Realmente prático!
Testado, aprovado e recomendado!
#4: Compo - Propriedades de Integração
Deseja integrar propriedades de composição na construção de seus componentes gráficos? A Compo permite que você!
Vamos dar um exemplo: design de botão. A partir de agora, você pode salvar os valores de espaçamento e, portanto, manter a consistência em todos os botões do seu projeto.
Benefício : o tamanho do elemento se adapta de acordo com o comprimento do texto, preservando a almofadas.
Faça o download do plugin
N°5: Pixel perfect – O limpador
Limpe o tamanho ou posicionamento dos elementos para o pixel exato em dois cliques. Nós designers amamos o pixel perfeito (deve ser admitido). É uma garantia de qualidade que permite que a equipe de desenvolvimento comece com valores integrais.
https://www.sketchapp.com/docs/other/pixel-precision/
Nº 6: Queda de ícone / Fonte de ícone – Painel e imagem
Esses dois plugins geram um painel contendo bibliotecas de pictogramas e permitem integrá-los em formato .svg em seu projetos.
Benefício : economize seu tempo deixando de acessar sites dedicados.
https://github.com/keremciu/sketch-iconfont
#7: Classifique-me – Organize a bagunça
Isso pode ser muito útil ao trabalhar em um projeto complexo com um grande número de Artboards. Ele classifica todos os seus Pranchetas em ordem alfabética. Pratique antes de exportar para a Invision, em particular!
Nº 8: Traduzir - meu taylor é rico
Como o próprio nome sugere, este plugin pode detectar o idioma usado em seu design e gerar a mesma prancheta em outro idioma. Você não precisa mais ser um designer multilíngue para trabalhar internacionalmente.
https://github.com/hoai265/Language-Sketch-Plugin
N°9: Gerador de mapas – Onde está Charlie?
Lá também está tudo no nome, então serei breve (por uma vez, alguns dirão)! Se você está trabalhando em um projeto com uma forte dimensão cartográfica, este pequeno plugin pode se tornar seu melhor amigo.
Sua vantagem : permitem integrar mapas do Google Maps diretamente em seus projetos. Você também pode editar (zoom, opções) o mapa importado. E tudo em 3 cliques!
https://github.com/eddiesigner/sketch-map-generator
#10: Jira – O plug-in ágil
Se você trabalha em um ambiente ágil, o termo Jira (ferramenta de planejamento e rastreamento de projetos de TI) certamente é familiar para você. Do lado da publicação o Sketch está muito forte com este plugin. Ele permite exportar suas pranchetas diretamente para suas histórias de usuário do JIRA. .
https://marketplace.atlassian.com/plugins/com.atlassian.sketch.jira-plugin/cloud/overview
Pour conclure ...
Para falar a verdade, dado o número de plugins no mercado, selecionar apenas 10 não foi fácil. Para ir mais longe pode consultar todos estes plugins em esta página.
Depois de ler este artigo, se você ainda hesitar em usar este software, recomendo que leia minhas confissões de UI Designer mudando para Sketch.
Jérôme Fiorese, UX-Evangelist, @Fiorese Jerome
