Extensões para designers podem ser fortes aliadas para ganhar mais agilidade no seu dia a dia profissional, ainda mais quando falamos de uma área tão rica e diversificada quanto a área de design.

Confira agora uma seleção de extensões do chrome para facilitar seu trabalho como designer.

1 – Window Resizer

Sabe quando você precisa ficar redimensionando um site para ver como ele fica em outros tamanhos?

Para quem não conhece o “toggle device toolbar” ou mesmo quer mais praticidade com essa tarefa, a extensão Window Resizer resolve isso para nós.

Dá para escolher um tamanho de janela pré-definido ou mesmo customizar o seu próprio.

Window resizer mostrando opcoes de tamanhos como iPhone 6 ou laptop por exemplo

2 – Toybox

Normalmente quando não temos o layout de um site no nosso Figma ou Adobe XD, vamos lá no Chrome, tiramos print, colamos em um arquivo novo e vamos alterando a partir disso.

Ou mesmo alterando direto no Devtools, talvez alguns margins e paddings por exemplo, para ai sim tirar um print e mandar para o time de desenvolvimento.

Com a extensão Toybox você ganha eficiência nesse processo. É como se você estivesse usando um perfil de viewer no Figma, podendo além de ver as especificações, colocar comentários que façam sentido.

Ticket criado em um ponto específico do site

3 – ColorZilla

O Devtools é bom para pegar cores em sites, mas o processo para isso pode ser mais rápido com a extensão ColorZilla.

Uma coisa que gosto dela é que ela copia o hexadecimal da cor em um clique apenas, bem prático!

Colorzila pegando a cor roxa em um site de livros. Pagina do livro bootstrap aberta

4 – Fontface Ninja

Bem antigamente eu usava o What a Font para descobri qual tipografia a pessoa usou em algum site. Com a extensão Fontface Ninja descobrir a tipografia e suas especificações ficou muito mais rápido.

Print mostrando a extensão fontninja mostrando qual fonte, tamanho e altura de linha que tem um titulo em um site.

5 – Colorblinding

Já mostrei aqui como simular a visão de uma pessoa com daltonismo no seu layout, agora com a extensão Colorblinding podemos ganhar uma ajuda com isso diretamente no browser.

Extensao simulando um daltonismo deixando site preto-e-branco

Qual extensão específica para facilitar nossa vida como designers que faltou aqui nessa lista? Escreve aí nos comentários qual e o problema que ela soluciona.

Que tal receber dicas de UX direto no seu e-mail?

Receba a newsletter que eu escrevo pessoalmente, com práticas de usabilidade, insights do mercado de UX e dicas do Figma

2 Replies to “5 extensões do Chrome para designers”

A moderação fechou os comentários aqui.