10 extensões do Chrome que vão melhorar sua vida como designer
Alejandra Mujica - 12 Nov 20
Articulo
7 min.
Reunimos as 10 melhores extensões do Chrome para tornar sua vida um pouco mais fácil como designer web ou gráfico(a).
Sabemos que, como designer, você está sempre em busca de novas dicas, truques e ferramentas para ajudá-lo a acelerar e melhorar seu fluxo de trabalho. Por isso, estas extensões para o Chrome serão seus melhores salva-vidas gráficos. 🥳
Aproveite-as e use-as com sabedoria!
Índice
- Awesome screenshot
- Toybox
- Muzli
- SVG Grabber
- Page Ruler
- ColorZilla
- Fonts Ninja
- Window resizer
- Emoji Keyboard
- Pablo
Acesse todos os cursos de design com nossa Assinatura Premium
1. Awesome screenshot, uma extensão do Google Chrome para capturas de tela
Você precisa fazer um screenshot ou mostrar o design e o funcionamento de um site? Esta extensão do Google Chrome será muito útil quando você quiser fazer capturas de tela ou fazer gravações de tela de um computador.
Imagem: 99designs
Awesome: principais características da extensão para o Google Chrome
Você não precisa complicar mais. Estas três características da extensão para o Google Chrome são suficientes para registrar e salvar o que for necessário para seus projetos de design.
- Recortar e redimensionar as imagens capturadas.
- Baixar vídeos e capturar imagens facilmente.
- Usar ferramentas de anotação e desfoque.
Baixe grátis este brush e mais de 200 pincéis em nossa seção de recursos
2. Toybox, extensões do Chrome para designers gráficos da web
Se você está procurando por extensões do Chrome que facilitem a revisão de cada página da web (adicionar feedback em cada seção, botão e imagens), a Toybox será seu melhor par.
Toybox: principais características do aplicativo para Chrome
A Toybox é um aplicativo para Chrome que realmente salva a vida não apenas de web designers, mas também de programadores.
- Adiciona seus comentários no mesmo site (você terá a opção de adicionar comentários nas seções e botões que desejar).
- Pode marcar comentários, erros e ideias diretamente no site on-line (é como um quadro branco digital).
- Inspeciona também o CSS da página da web.
- Exporta tarefas e comentários diretamente.
Esta extensão é paga; mas tem uma versão gratuita por 30 dias sem usar cartão de crédito. Confie em nós, vai valer muito a pena!
Você gostaria de se tornar um(a) especialista em ilustração digital? Aprenda Adobe Illustrator
3. Muzli, inspiração através de um plugin do Chrome
Você quer inspiração artística antes de começar a desenhar? Este plugin do Chrome tem os recursos necessários para despertar sua criatividade e dar vida aos seus primeiros esboços gráficos. 🤩
Cada vez que você abre uma nova janela do navegador, verá um feed atualizado com designs inspiradores.
Estas imagens aleatórias vêm de fontes de design diferentes. Por isso, para cada janela que abrir, você encontrará materiais inspiradores novos, modernos e exclusivos.
Imagem: Muzli
🗣 ️Atenção designer: gostaria de aprender a fazer sua própria webcomic e publicá-la na Internet sem perder amigos?
Muzli: principais características inspiradores para adicionar ao seu Google Chrome
Antes de adicionar esta extensão ao seu Google Chrome, dê uma olhada nestas características para que você possa se preparar para um bom brainstorming.
- Inclui fotos, designs, UI/UX inspiracional.
- Substitui a página padrão do Chrome por essas fontes de inspiração aleatória.
- Integra-se muito bem com outros programas como o Dribble ou o Designer news.
Conheça nosso curso de Sketch desde o zero ao(à) especialista: Desenhando interfaces
4. SVG Grabber: copiar os ícones de um site nunca foi tão fácil (como agora) com uma extensão para o Chrome
Você gostaria de salvar todos os logotipos ou ícones de uma página da web? Esta ação nunca foi tão simples como agora, graças a uma extensão para o Chrome.
Com o SVG Grabber você só precisa clicar em um único botão e irá extrair automaticamente todos os SVGs que estão na página. Genial né?
Cromo de extensão SVG
Imagem: Medium
SVG Grabber: principais características para extrair imagens de navegadores da web
Se você deseja extrair ícones, logotipos e imagens de navegadores da web em segundos, observe estas características:
- Você pode obter uma visão completa de tudo o que capturou e baixar apenas o que você precisa.
- Ele permite que você copie o código de todos os ícones e ilustrações SVG de um site.
- Você pode mantê-lo em segundo plano e usá-lo quando achar necessário.
5. Page Ruler: meça tudo o que você deseja com esta extensão da Google Chrome Store
Medir o tamanho de todos os objetos em uma página da web pode ser muito pesado… É por isso que existe o Page Ruler, a extensão favorita da Google Chrome Store para medir tudo o que você quiser e quantas vezes desejar.
Para usar esta extensão você só precisa realizar 2 passos: abrir o Page Ruler, arrastar a caixa para medir, e pronto.
Você está interessado(a) no design UX de uma página da web? Conheça as regras mais importantes (e o que você não deve transgredir).
Imágem: 99designs
Page Ruler: principais características para baixar esta extensão do Google Chrome
Esta extensão do Google Chrome é a ferramenta perfeita para conhecer os pixels de qualquer site.
- Ele permite que você desenhe uma régua em uma página para que você saiba suas dimensões.
- Você pode ver a largura, altura, posição superior, inferior, esquerda e direita.
- Aplicar as guias que se estendem desde as bordas da régua.
- Possui um “modo elemento” para descrever os elementos da página ao passar o mouse sobre eles.
6. ColorZilla, uma das melhores extensões para o Chrome que ajuda você a descobrir cores
Esta é uma das melhores extensões para o Chrome, que permite a você ver rapidamente qual cor está sendo usada em qualquer site.
Basta colocar o cursor sobre os elementos de uma página web e saberá o valor da cor em hexadecimal e RGB.
Clique nele e ele será copiado automaticamente para a sua área de transferência!
Imagem: Chrome Web Store
ColorZilla: principais recursos para aproveitar uma das melhores extensões do Chrome
Esta é uma das extensões do Chrome que deve estar em seu navegador. Aqui, nós contamos por quê:
- Você será capaz de descobrir qualquer cor de site que desejar.
- Mostra os códigos RGB e HEX.
- Cola cores facilmente em qualquer aplicativo.
- Conta-gotas: ajuda a ter a cor de qualquer pixel da página.
7. Fonts Ninja, descubra qual é a fonte com esta extensão do Chrome
Esta extensão do Chrome ajuda você a descobrir qual fonte qualquer site está usando.
Identifique o nome da fonte com esta extensão. Então, você pode pesquisá-la no Google Fonts e fazer o download. 🙌
Imagem: Chrome Web Store
Fonts Ninja: principais benefícios de adicionar esta extensão do Chrome
Ao adicionar esta extensão do Chrome ao seu navegador, você aproveitará estas características:
- Pode ver todas as fontes que o site usa.
- Com o cursor sobre o texto, você pode ver o nome da fonte e as propriedades CSS.
- Marcar todas as fontes e gerenciá-las na mesma extensão.
Pssst… 👀 Você sabe o que é CSS e como se relaciona com HTML?
8. Window Resizer: telas diferentes em uma extensão do Chrome
Sabemos que, como designer, você precisa saber como um web design vai ficar em diferentes telas e isso pode ser feito com uma extensão do Chrome.
Basta abrir a extensão e clicar nas diferentes janelas gráficas preestabelecidas para ver como o seu desenho se adapta em diferentes tamanhos e plataformas.
Imagem: Chrome Web Store
Window Resizer: principais características para baixar esta extensão do Chrome
Baixar esta extensão do Chrome vai economizar muito tempo de produção. Nós dizemos por quê:
- Na mesma janela do navegador, você pode alterar o tamanho da tela para diferentes resoluções, para simular como ficará em cada site.
- É muito útil para web designers e desenvolvedores na produção de qualquer projeto.
- Você pode personalizar a lista de resoluções (modifique-a para o tamanho que desejar).
Veja todos os recursos gratuitos que temos para você
9. Emoji Keyboard, a extensão do Chrome mais divertida para designs millennials 🤪✌️
Se você cria conteúdo para redes sociais, instale esta extensão do Chrome imediatamente! Conheça os 18 melhores apps de design gráfico para seu celular
Imagem: Chrome Web Store
Emoji Keyboard: principais características para usar este plugin para o Chrome
Instale este plugin para o Chrome e dê uma aparência muito “millennial” às suas postagens no Instagram ou Facebook.
- Tem todos os emojis que existem nas redes sociais.
- Para usá-la, você só precisa pesquisar, selecionar, copiar e colar onde quiser.
Inscreva-se no curso on-line de Design de ícones para marcas digitais
10. Pablo, a extensão favorita do Chrome para design de imagens para redes sociais
Esta extensão do Chrome permite que você crie imagens otimizadas para plataformas de redes sociais.
Imagem: Chrome Web Store
Pablo: principais características ao adicionar a extensão do Chrome
Pablo é uma extensão do Chrome que pode salvar você de problemas se tiver que desenhar várias imagens em formatos diferentes para cada rede social.
- Você pode escolher entre mais de 600.000 imagens gratuitas ou fazer upload de sua própria imagem.
- Selecione a plataforma que você deseja.
- Adicione texto e outros filtros para criar seu design final.
- Possui formatos para Pinterest, Twitter, Facebook e Instagram.
Já conhece os nossos cursos GRÁTIS? Inscreva-se!
Temos certeza de que, se você começar a adicionar essas extensões do Chrome ao seu navegador, verá que seu fluxo de trabalho melhorará (quase imediatamente) e terá mais tempo para continuar criando e explorando. 🌈
Boa sorte, designer!