As 11 melhores extensões do Chrome para designers

Ninguém sabe melhor do que UX Designers como ajustes aparentemente pequenos na usabilidade e eficiência podem, de fato, fazer uma enorme diferença na experiência de um usuário.

E, no entanto, enquanto poucos passam mais tempo navegando na web do que os Designers, mesmo os mais experientes entre nós podem não estar maximizando a qualidade dessa experiência.

Com isso em mente, reunimos 11 das melhores extensões do Chrome para designers.

Tear

As chances são de que você gaste uma quantidade bastante significativa de tempo tentando se comunicar com outros colegas de equipe sobre problemas relacionados a fluxos de usuários, problemas de design ou outros bugs. O Loom pode tornar sua vida muito mais fácil.

A extensão permite gravar e narrar um vídeo do que você vê na tela – assim como na câmera frontal – antes de compartilhá-lo com um simples link.

Se você é vendido no Loom, considere o serviço pago premium, que permite vídeo em 4K, armazenamento de vídeo ilimitado, ferramentas de desenho, ênfase no clique do mouse e um conjunto de opções de edição, incluindo botões de call-to-action e miniaturas personalizadas.

Redimensionador de janela

Os designers precisam saber como todos irão experimentar suas ofertas na web, e um layout que fique bonito na sua tela – que, convenhamos, é provavelmente top de linha – pode fracassar em um iPhone antigo.

O Window Resizer ajudará a resolver esse ponto cego, redimensionando a janela do navegador para reproduzir uma variedade de resoluções de tela. Você pode personalizar sua lista de resoluções, pode mexer no tamanho e na posição da janela e, para maior eficiência, a extensão também permite criar atalhos de teclas globais.

Muzli

Se você pudesse usar um pouco de inspiração extra de design em seu dia – e quem não poderia? – Muzli é para você, selecionando designs visuais atraentes de toda a web para rolar enquanto você toma seu café da manhã.

Com mais de 150 fontes de toda a Internet, incluindo Dribbble, Mashable e Product Hunt, o Muzli trará as mais recentes ideias de design, projetos e notícias cada vez que você abrir uma nova guia.

Viu algo que lhe interessa? Clique e saiba mais em uma nova janela do navegador.

Régua de página

Os UX Designers tendem a apreciar uma ideia simples, mas eficaz, e isso resume o Page Ruler.

Em vez de perder tempo medindo cuidadosamente o tamanho dos objetos em uma página da Web usando a ferramenta de captura de tela, faça com que o Page Ruler desenhe rapidamente uma régua e dimensione as dimensões e posicionamentos de pixels, bem como quaisquer elementos em uma página.

ColorZilla

É provável que você tenha a oportunidade de descobrir rapidamente qual cor está sendo usada em uma página da Web – e o ColorZilla pode ajudá-lo a chegar lá muito mais rápido.

Uma das extensões mais populares do Firefox antes de finalmente chegar ao Chrome, o ColorZilla apresenta um conta-gotas avançado para determinar a cor de qualquer pixel em qualquer página, um gerador de gradiente CSS e um seletor de cores.

Se você vir uma cor de que gosta, o ColorZilla facilita muito pegar os valores hexadecimais e RGB e colá-los na área de transferência.

Fontface Ninja

Você é do tipo que vasculha a Internet em busca de novas ideias de fontes? Designers – e fanáticos por fontes em geral – vão querer instalar esta extensão elegante, que permite identificar fontes usadas em qualquer site e colocá-las rapidamente em seu software de design.

O “motor de fontes de DNA” do Fontface Ninja não exibe apenas o nome CSS, mas o nome real de qualquer fonte exibida, permitindo que você experimente legalmente. Se você gostar, Fontface Ninja também fornece um link para comprar a licença apropriada.

Espectro

Estima-se que a deficiência na visão de cores – também conhecida como daltonismo – afete milhões em todo o mundo. Para garantir que essas pessoas tenham uma experiência positiva com suas páginas da web, experimente o Spectrum, que testa sites rapidamente para ver como eles aparecem para pessoas com diferentes tipos de daltonismo.

Diz-se que a extensão é especialmente útil para sites com visualizações de dados, pois algumas cores nos gráficos podem ser indistinguíveis umas das outras.

Checkbot

Garantir que todos os seus links realmente funcionem, que seus formulários sejam seguros e que seu site seja rápido e fácil de navegar são as principais preocupações de usabilidade para um UX Designer; Checkbot vai te ajudar e descobrir qualquer problema que você não tenha notado.

Testando centenas de páginas de uma vez, o Checkbot pode descobrir links quebrados, erros de HTML/JavaScript/CSS, títulos duplicados, problemas de segurança, cadeias de redirecionamento e erros de conteúdo misto.

Na verdade, o Checkbot testa seu site para mais de 50 práticas recomendadas de SEO, velocidade e segurança.

SVG Grabber

Você frequentemente precisa pegar logotipos, ícones, ilustrações ou outras obras de arte de outros sites? Nesse caso, o SVG Grabber pode economizar muito tempo e tédio.

É uma ferramenta para ajudá-lo a visualizar e obter rapidamente todos os recursos SVG de um site. Com apenas um clique, a extensão irá automaticamente reunir todos os SVGs em uma página antes de permitir que você vasculhe e baixe rapidamente os que você precisa.

Verificação de experiência do usuário

Simplificando, o UX Check transforma as avaliações heurísticas em uma brisa.

A extensão permite que você verifique seu site em busca de problemas de usabilidade para que você possa testar sem ter usuários reais. O UX Check sinaliza todas as áreas do seu site que precisam ser aprimoradas com base nos 10 princípios gerais do Nielsen Norman Group para design de interação – que incluem visibilidade do status do sistema, prevenção de erros e consistência e padrões – e salva uma captura de tela do problema.

Quando terminar, você pode exportar tudo para um arquivo de documento para compartilhar facilmente com colegas de equipe.

Ipsum Corporativo

Se você está testando um novo design – particularmente um que é especialmente pesado em texto – você pode estar cansado do usual primeiro parágrafo de Lorem Ipsum. Para aqueles cansados ​​de latim entre nós, Corporate Ipsum é uma extensão divertida que evoca aleatoriamente o duplo discurso corporativo para uso como texto de preenchimento.

Em vez daquela longa cadeia de texto fictício que você está acostumado a ver, você pode ser saudado por – por exemplo – jargão corporativo como este: “capture eficientemente vortais integrados com metodologias de base instaladas”.

O simples fato de ter palavras em inglês em vez de latim fará com que o design pareça muito mais natural, e o fato de o texto montado aleatoriamente geralmente não fazer nenhum sentido é simplesmente parte do charme da extensão.

Saiba mais sobre os cursos de UX Design da BrainStation.