As 8 Melhores Extensões do Google Chrome para Designers
Se você precisa de algo para visualizar fontes ou gerenciar seus fluxos de trabalho, você encontrará as melhores extensões do Google Chrome para designers neste guia completo. Esses plugins são ideais, seja você um hobbyista sério ou um profissional.
Índice
- Figma
- Adobe Express
- Google Font Previewer
- HTML to Design
- ColorZilla
- Miro Chrome Search Extension
- Designer Tools
- PerfectPixel
1. Figma
Preço: Grátis com opções premium
Figma é popular entre designers de UX e designers gráficos, e sua extensão do Chrome ajuda você a personalizar melhor os eventos que cria no Google Calendar.
Você pode compartilhar diretamente seus quadros do FigJam ao usar a extensão do Chrome do Figma. Esse recurso pode ser usado para realizar uma apresentação ou adicionar contexto extra antes de uma reunião.
A extensão do Chrome do Figma também permite que você adicione qualquer um dos seus arquivos do Figma a um evento do Google Calendar. Além de adicionar arquivos existentes, você também pode criar novos e quadros do FigJam através do seu calendário. Além disso, o plugin funciona como um acesso rápido ao site do Figma.
2. Adobe Express
Preço: Grátis com opções premium
Embora eu ainda recomende usar ferramentas mais avançadas, como Adobe InDesign e Adobe Illustrator, para designs complexos, o Adobe Express é ótimo para protótipos básicos e postagens em redes sociais. Você pode rapidamente cortar e redimensionar imagens, além de remover fundos.
A extensão do Chrome do Adobe Express permite que você crie novos designs rapidamente sem precisar navegar até o site. Após clicar em Criar, você terá acesso à biblioteca completa.
Ao usar esta extensão, você também pode converter imagens do seu computador ou disco rígido para PNG ou JPEG. No entanto, não funciona para salvar e converter arquivos WEBP para JPEG.
3. Google Font Previewer
Preço: Grátis
Entender como as fontes funcionam juntas é um dos aspectos mais cruciais do design, mas saber como elas ficarão às vezes é desafiador. O Google Font Previewer permite que você visualize como as páginas ficarão com várias fontes aplicadas.
Para escolher as fontes que deseja adicionar, você encontrará uma lista abrangente no lado direito. Você também pode escolher se gostaria de usar símbolos não latinos, como árabe e coreano.
Veja como suas fontes interagem com diferentes partes da página alterando o caso das letras. Além disso, você pode escolher entre regular e negrito. Assim que souber o que deseja mudar em suas fontes, sinta-se à vontade para ajustá-las em um tema do WordPress ou construtor de sites que você usa.
4. HTML to Design
Preço: Grátis com opções premium
Você precisa do plugin Figma para usar HTML to Design, mas é uma extensão do Chrome muito poderosa para designers, uma vez que você tenha instalado ambos. Você pode transformar as páginas do Chrome que navega em designs do Figma.
HTML to Design permite que você personalize a largura do seu design. Eu recomendo começar com a largura do navegador se você estiver projetando uma página da web, mas você sempre pode escolher a opção móvel se estiver criando um aplicativo ou página móvel.
O plugin HTML to Design permite que você escolha a página inteira ou uma parte específica dela e Modo Claro ou Escuro.
5. ColorZilla
Preço: Grátis
Saber os números exatos de RGB é um dos maiores desafios, mas a extensão ColorZilla do Chrome facilita essa tarefa para os designers. O plugin mostra os números precisos necessários para qualquer cor na sua página da web, seja um logotipo, foto ou algo mais.
Além de escolher uma cor de uma página da web específica, o ColorZilla também permite que você escolha uma de fora do seu navegador. O plugin mantém um histórico de suas escolhas, o que significa que você pode consultá-lo sempre que quiser.
Este seletor de cores também possui um navegador de paletas que permite ver os números RGB para cores comumente usadas.
6. Miro Chrome Search Extension
Preço: Grátis com opções premium
Se você deseja acesso rápido aos seus projetos do Miro, considere baixar a extensão de pesquisa do Chrome do Miro. Após integrar este plugin, você pode pesquisar todos os seus documentos diretamente da caixa de URL do Chrome.
Para encontrar seus resultados, digite “miro,” seguido do nome do seu arquivo. Você notará a URL mudar para Miro Search.
Após pressionar Enter, você será transportado para o seu painel do Miro.
7. Designer Tools
Preço: Grátis com opções premium
Designer Tools é uma ótima extensão do Chrome, permitindo que você aprenda medidas ao projetar seus aplicativos e sites. Aprenda quantos pixels cada aspecto de um site que você visita possui, como as caixas de texto e visuais.
Você também pode comparar pixels para diferentes seções clicando em uma e passando o cursor sobre a próxima que deseja medir.
Designer Tools permite que você salve aspectos e adicione grades para ajudar a obter medidas mais precisas. Também aprenda sobre escalonamento de pixels para maximizar o uso desta ferramenta.
8. PerfectPixel
Preço: Grátis com opções premium
PerfectPixel permite que você adicione várias camadas fazendo upload de ativos visuais do seu computador. Você também pode copiar e colar da sua área de transferência. Se você quiser completar seu projeto mais tarde, é fácil salvar seu progresso.
Para evitar confusão, adicione layouts diferentes para cada site. Você também pode arrastar e soltar suas camadas carregadas para exatamente onde deseja que apareçam.
PerfectPixel permite que você coloque elementos à esquerda, no meio ou à direita com um clique. Você também encontrará vários atalhos para agilizar seu fluxo de trabalho.
Se você está procurando cores específicas ou deseja projetar novos elementos em uma página da web, as melhores extensões do Chrome para designers podem ajudar você. Você também encontrará muitas ferramentas para pesquisar software de forma mais eficaz. Você pode considerar combinar essas com extensões do Chrome que aprimoram sua experiência de pesquisa para uma produtividade ainda melhor.
Crédito da imagem: DALL-E. Todas as capturas de tela por Danny Maiorca.
