Mais de 30 extensões de navegador para otimizar o fluxo de trabalho de design em 2026
Os designers passam muito tempo em tarefas repetitivas: escolhendo paletas de cores, inspecionando fontes, testando a capacidade de resposta e buscando inspiração. Muitas dessas etapas podem ser automatizadas ou significativamente aceleradas com os plug-ins de navegador certos.
Este artigo apresenta 34 ferramentas úteis compatíveis com o Google Chrome. Elas simplificarão seu fluxo de trabalho, reduzirão as tarefas rotineiras e fornecerão acesso rápido a tudo o que você precisa.
Este artigo apresenta 34 ferramentas úteis compatíveis com o Google Chrome. Elas simplificarão seu fluxo de trabalho, reduzirão as tarefas rotineiras e fornecerão acesso rápido a tudo o que você precisa.
Conteúdo:
O que são extensões de navegador e como instalá-las
As extensões de navegador (também chamadas de plug-ins) são pequenas ferramentas que adicionam novos recursos ao navegador e ajudam a realizar tarefas específicas sem a necessidade de recorrer a serviços de terceiros. Você pode encontrar essas extensões nas lojas oficiais de cada navegador:
-
Cromado -
Mozilla Firefox -
Ópera -
Microsoft Edge
Todos os plug-ins apresentados neste artigo são compatíveis com o Google Chrome.
O Opera e o Firefox têm versões separadas das extensões, que podem ser encontradas pesquisando seus títulos nas respectivas lojas. A maioria das ferramentas listadas aqui é gratuita, embora algumas ofereçam recursos avançados mediante o pagamento de uma taxa.
O Opera e o Firefox têm versões separadas das extensões, que podem ser encontradas pesquisando seus títulos nas respectivas lojas. A maioria das ferramentas listadas aqui é gratuita, embora algumas ofereçam recursos avançados mediante o pagamento de uma taxa.
Como instalar uma extensão de navegador:
1
Abra a loja de extensões do seu navegador.
2
Procure a extensão pelo nome.
3
Abra a página da extensão e clique no botão "Instalar".
4
Confirme a instalação seguindo as instruções do navegador.
5
Depois de instalada, o ícone da extensão aparecerá na barra de ferramentas na parte superior ou no menu do navegador. O navegador mostrará onde o ícone está localizado.
6
Se a extensão exigir que você faça login ou defina configurações adicionais, clique no ícone para abrir suas opções.
Ferramentas de cores
ColorZilla - escolha cores de qualquer página
O ColorZilla permite identificar qualquer cor em uma página e analisar a paleta completa. Ele pode gerar gradientes CSS, sugerir combinações de cores harmônicas (complementares, triádicas, análogas etc.) e manter um histórico das cores escolhidas recentemente. Ele funciona como uma ferramenta conta-gotas em editores gráficos, fornecendo códigos de cores nos formatos HEX, RGB ou HSL.
É perfeito para identificar a cor de um logotipo em um site, criar uma paleta ou criar um gradiente que corresponda ao esquema de cores do site.
O ColorZilla permite identificar qualquer cor em uma página e analisar a paleta completa. Ele pode gerar gradientes CSS, sugerir combinações de cores harmônicas (complementares, triádicas, análogas etc.) e manter um histórico das cores escolhidas recentemente. Ele funciona como uma ferramenta conta-gotas em editores gráficos, fornecendo códigos de cores nos formatos HEX, RGB ou HSL.
É perfeito para identificar a cor de um logotipo em um site, criar uma paleta ou criar um gradiente que corresponda ao esquema de cores do site.
Site Palette - gere uma paleta de cores
O Site Palette analisa as cores de uma página da Web e cria paletas prontas para uso. É possível exportar paletas nos formatos Google Palette ou Adobe Swatch.
É uma ótima ferramenta para inspiração ou para trabalhar com referências - por exemplo, se você estiver redesenhando um site e quiser manter o equilíbrio de cores original, a extensão destacará os tons principais.
O Site Palette analisa as cores de uma página da Web e cria paletas prontas para uso. É possível exportar paletas nos formatos Google Palette ou Adobe Swatch.
É uma ótima ferramenta para inspiração ou para trabalhar com referências - por exemplo, se você estiver redesenhando um site e quiser manter o equilíbrio de cores original, a extensão destacará os tons principais.
Ferramentas de tipografia
WhatFont - identifique as fontes na página
O WhatFont detecta as fontes usadas em qualquer lugar de um site. O plug-in mostra o nome, o tamanho, a cor e a família da fonte. Funciona mais rápido do que as ferramentas de desenvolvedor incorporadas.
Use-o quando precisar identificar rapidamente as fontes em um site - não é necessário abrir as Ferramentas de Desenvolvedor.
O WhatFont detecta as fontes usadas em qualquer lugar de um site. O plug-in mostra o nome, o tamanho, a cor e a família da fonte. Funciona mais rápido do que as ferramentas de desenvolvedor incorporadas.
Use-o quando precisar identificar rapidamente as fontes em um site - não é necessário abrir as Ferramentas de Desenvolvedor.
Basta ativar a extensão e passar o mouse sobre qualquer bloco de texto - as informações sobre a fonte aparecerão em uma pequena janela pop-up.
Font Ninja - experimente fontes em seu navegador
O Font Ninja reconhece fontes e permite que você as experimente diretamente no navegador. Você pode inserir seu próprio texto para ver como ele fica em fontes diferentes. A extensão funciona tanto com o Google Fonts quanto com fontes comerciais e mostra os preços imediatamente.
É útil se você quiser testar uma fonte incomum antes de comprá-la para um projeto de design.
O Font Ninja reconhece fontes e permite que você as experimente diretamente no navegador. Você pode inserir seu próprio texto para ver como ele fica em fontes diferentes. A extensão funciona tanto com o Google Fonts quanto com fontes comerciais e mostra os preços imediatamente.
É útil se você quiser testar uma fonte incomum antes de comprá-la para um projeto de design.
Como escolher fontes para um site ou um artigo
Google Font Previewer - teste fontes sem editar o CSS
O Google Font Previewer permite que você teste fontes diferentes sem alterar o código CSS. Ele substitui temporariamente a tipografia de elementos selecionados ou da página inteira, para que você possa visualizar a aparência de uma fonte no contexto.
Use-o quando um cliente pedir que você "brinque com as fontes" - você pode mostrar uma amostra visual sem mexer no código. A extensão também permite que você salve uma coleção de fontes usadas com frequência para acesso rápido.
O Google Font Previewer permite que você teste fontes diferentes sem alterar o código CSS. Ele substitui temporariamente a tipografia de elementos selecionados ou da página inteira, para que você possa visualizar a aparência de uma fonte no contexto.
Use-o quando um cliente pedir que você "brinque com as fontes" - você pode mostrar uma amostra visual sem mexer no código. A extensão também permite que você salve uma coleção de fontes usadas com frequência para acesso rápido.
Ferramentas de imagens, vídeo e áudio
Image Downloader - salve imagens de qualquer página
Essa ferramenta permite que você baixe imagens de qualquer site. Ela examina a página e coleta todas as imagens em uma única janela, para que você possa baixar tudo de uma vez ou escolher apenas as que precisa.
Por exemplo, se você tiver criado um quadro de humor no Pinterest, poderá fazer download de todas as imagens do quadro com um clique.
Essa ferramenta permite que você baixe imagens de qualquer site. Ela examina a página e coleta todas as imagens em uma única janela, para que você possa baixar tudo de uma vez ou escolher apenas as que precisa.
Por exemplo, se você tiver criado um quadro de humor no Pinterest, poderá fazer download de todas as imagens do quadro com um clique.
Quando ativada, uma janela separada será aberta mostrando todas as imagens da página atual. Observação: As fotos de estoque pagas serão baixadas com marcas d'água.
SVG Grabber - extraia arquivos SVG de um site
O SVG Grabber permite que você visualize, copie e baixe todos os arquivos SVG de qualquer site. Uma vez ativado, ele mostra todas as imagens vetoriais na página com um botão "Download" abaixo de cada uma.
Perfeito para extrair o logotipo de uma empresa no formato SVG quando você não tem tempo para solicitar os arquivos.
O SVG Grabber permite que você visualize, copie e baixe todos os arquivos SVG de qualquer site. Uma vez ativado, ele mostra todas as imagens vetoriais na página com um botão "Download" abaixo de cada uma.
Perfeito para extrair o logotipo de uma empresa no formato SVG quando você não tem tempo para solicitar os arquivos.
Como encontrar imagens atraentes em estoques de fotos
Icons8 - add illustrations to Google Docs
Esse plug-in permite inserir ícones e imagens da extensa biblioteca do Icons8 diretamente no Google Docs, Slides e Sheets, sem a necessidade de fazer download ou upload de arquivos manualmente.
Excelente para moodboards ou apresentações de clientes, você pode pesquisar e inserir ilustrações rapidamente sem alternar entre guias.
Esse plug-in permite inserir ícones e imagens da extensa biblioteca do Icons8 diretamente no Google Docs, Slides e Sheets, sem a necessidade de fazer download ou upload de arquivos manualmente.
Excelente para moodboards ou apresentações de clientes, você pode pesquisar e inserir ilustrações rapidamente sem alternar entre guias.
Video DownloadHelper - salve vídeos de qualquer site
Baixe conteúdo de vídeo e áudio diretamente de páginas da Web. O plug-in também pode converter arquivos em formatos como MP4, MKV ou WebM.
É útil quando você precisa carregar um vídeo, mas o cliente só tem uma versão hospedada em uma plataforma de vídeo, e não o arquivo original.
Baixe conteúdo de vídeo e áudio diretamente de páginas da Web. O plug-in também pode converter arquivos em formatos como MP4, MKV ou WebM.
É útil quando você precisa carregar um vídeo, mas o cliente só tem uma versão hospedada em uma plataforma de vídeo, e não o arquivo original.
Ferramentas de análise e edição de páginas
Page Ruler - meça os elementos da página
Meça qualquer elemento em uma página, inclusive margens e espaçamento entre blocos. É compatível com várias unidades: Pixels, porcentagens, milímetros e muito mais.
Você pode usá-la para verificar se um layout corresponde às especificações técnicas ou para analisar proporções em referências visuais.
Meça qualquer elemento em uma página, inclusive margens e espaçamento entre blocos. É compatível com várias unidades: Pixels, porcentagens, milímetros e muito mais.
Você pode usá-la para verificar se um layout corresponde às especificações técnicas ou para analisar proporções em referências visuais.
CSS Peeper - visualize estilos CSS
Visualize os estilos de qualquer elemento em uma página: Cores, fontes, espaçamento e tamanhos. A ferramenta também permite que você explore ilustrações, documentos, arquivos de layout e vídeos.
Isso facilita o estudo do trabalho de outro designer ou a revisão de sua própria implementação de layout.
Visualize os estilos de qualquer elemento em uma página: Cores, fontes, espaçamento e tamanhos. A ferramenta também permite que você explore ilustrações, documentos, arquivos de layout e vídeos.
Isso facilita o estudo do trabalho de outro designer ou a revisão de sua própria implementação de layout.
Visual Inspector UI - edite elementos de páginas da Web
Modifique estilos e textos na página instantaneamente - ajuste o espaçamento, as cores, a tipografia e muito mais - tudo sem editar o código.
Isso o torna perfeito para visualizações rápidas; por exemplo, se um cliente quiser alterar a cor de um botão, você poderá mostrar a atualização imediatamente antes de fazer qualquer alteração no código.
Modifique estilos e textos na página instantaneamente - ajuste o espaçamento, as cores, a tipografia e muito mais - tudo sem editar o código.
Isso o torna perfeito para visualizações rápidas; por exemplo, se um cliente quiser alterar a cor de um botão, você poderá mostrar a atualização imediatamente antes de fazer qualquer alteração no código.
Se você ainda não conhece as soluções sem código, use este código promocional exclusivo para obter um mês do Tilda Personal Plan em vez da avaliação padrão de duas semanas.
Consulte as instruções sobre como ativá-lo
Wappalyzer - identifique as tecnologias do site
Descubra e analise as tecnologias por trás dos sites: Linguagens de programação, estruturas, CMSs, CRMs, ferramentas de análise e muito mais.
Isso é útil para pesquisa de mercado, análise de concorrentes, auditorias de SEO e aumento da segurança do site.
Descubra e analise as tecnologias por trás dos sites: Linguagens de programação, estruturas, CMSs, CRMs, ferramentas de análise e muito mais.
Isso é útil para pesquisa de mercado, análise de concorrentes, auditorias de SEO e aumento da segurança do site.
O plug-in exibe os resultados em um pop-up e permite exportar os dados.
Broken Link Checker - localize links mortos
Realize varreduras profundas em sites para detectar links quebrados, imagens ausentes e erros de redirecionamento. Ele também pode analisar posts, páginas, comentários e campos personalizados. Os links quebrados podem ser estilizados de forma diferente. Eles também podem ser excluídos da indexação do mecanismo de pesquisa para proteger suas classificações. O Tilda também oferece uma ferramenta autônoma da Web para verificar páginas individuais ou sites inteiros em busca de links quebrados com apenas alguns cliques.
Realize varreduras profundas em sites para detectar links quebrados, imagens ausentes e erros de redirecionamento. Ele também pode analisar posts, páginas, comentários e campos personalizados. Os links quebrados podem ser estilizados de forma diferente. Eles também podem ser excluídos da indexação do mecanismo de pesquisa para proteger suas classificações. O Tilda também oferece uma ferramenta autônoma da Web para verificar páginas individuais ou sites inteiros em busca de links quebrados com apenas alguns cliques.
Lighthouse - audite o desempenho do site
Execute uma auditoria abrangente do desempenho, do SEO, da usabilidade e da conformidade do seu site com as práticas recomendadas de PWA.
Ele gera um relatório e sugere maneiras de corrigir problemas como imagens grandes demais ou meta tags ausentes.
Perfeito para realizar uma autoauditoria rápida antes da publicação.
Execute uma auditoria abrangente do desempenho, do SEO, da usabilidade e da conformidade do seu site com as práticas recomendadas de PWA.
Ele gera um relatório e sugere maneiras de corrigir problemas como imagens grandes demais ou meta tags ausentes.
Perfeito para realizar uma autoauditoria rápida antes da publicação.
Capturas de tela e ferramentas de gravação de tela
GoFullPage - capture capturas de tela completas
Capture capturas de tela de páginas inteiras ou áreas selecionadas e exporte-as como arquivos PNG, JPEG ou PDF em vários tamanhos de papel.
Capture capturas de tela de páginas inteiras ou áreas selecionadas e exporte-as como arquivos PNG, JPEG ou PDF em vários tamanhos de papel.
Loom - gravar instruções em vídeo
Grave sua tela e adicione narrações. Ideal para explicar decisões de design aos clientes, compartilhar feedback com colegas de equipe do ou criar pequenos tutoriais em vídeo. Você pode optar por gravar a tela inteira ou apenas uma única guia do navegador.
Grave sua tela e adicione narrações. Ideal para explicar decisões de design aos clientes, compartilhar feedback com colegas de equipe do ou criar pequenos tutoriais em vídeo. Você pode optar por gravar a tela inteira ou apenas uma única guia do navegador.
Ferramentas de prototipagem e teste
Window Resizer - teste layouts em diferentes resoluções
Visualize a aparência do seu design em diferentes tamanhos de tela. Inclui predefinições para dispositivos populares: Telefones, tablets, laptops e desktops. Você também pode criar tamanhos personalizados para necessidades específicas.
Visualize a aparência do seu design em diferentes tamanhos de tela. Inclui predefinições para dispositivos populares: Telefones, tablets, laptops e desktops. Você também pode criar tamanhos personalizados para necessidades específicas.
Perfect Pixel - compare o design com o layout final
Sobreponha uma imagem semitransparente do seu design original sobre o site para verificar o alinhamento perfeito dos pixels. Também funciona para comparar gráficos vetoriais, como logotipos ou ícones, entre dispositivos.
Sobreponha uma imagem semitransparente do seu design original sobre o site para verificar o alinhamento perfeito dos pixels. Também funciona para comparar gráficos vetoriais, como logotipos ou ícones, entre dispositivos.
O plug-in inclui um conjunto de tamanhos de dispositivos populares, permitindo que você alterne entre eles e teste a capacidade de resposta com facilidade.
Google Tag Assistant - verifique as tags do GTM
Use-o para detectar, verificar e solucionar problemas de várias integrações do Google Tag Manager. Ele pode ajudá-lo a garantir que as ferramentas de análise e os scripts de terceiros estejam configurados corretamente. O plug-in examina o código, destaca problemas e sugere correções.
Útil durante uma auditoria técnica, especialmente para verificar o rastreamento de dados.
Use-o para detectar, verificar e solucionar problemas de várias integrações do Google Tag Manager. Ele pode ajudá-lo a garantir que as ferramentas de análise e os scripts de terceiros estejam configurados corretamente. O plug-in examina o código, destaca problemas e sugere correções.
Útil durante uma auditoria técnica, especialmente para verificar o rastreamento de dados.
Inspiração visual
Muzli - encontre referências
Essa extensão traz para você ideias novas de plataformas como Dribbble, Behance e Awwwards. Personalize seu feed para se concentrar em categorias específicas, como comércio eletrônico, páginas de destino, tipografia etc. Por exemplo, se estiver trabalhando em uma loja on-line, basta abrir a extensão, definir os filtros certos e explorar designs de sites semelhantes.
Essa extensão traz para você ideias novas de plataformas como Dribbble, Behance e Awwwards. Personalize seu feed para se concentrar em categorias específicas, como comércio eletrônico, páginas de destino, tipografia etc. Por exemplo, se estiver trabalhando em uma loja on-line, basta abrir a extensão, definir os filtros certos e explorar designs de sites semelhantes.
O plug-in facilita a mudança para o Muzli a qualquer momento - explore rapidamente as tendências visuais ou pesquise referências por palavras-chave ou temas.
Evernote Web Clipper - salve ideias
Capture ideias e recursos visuais da Web em um caderno digital. Salve suas cores, animações, transições, ícones, fontes e artigos favoritos. Marque tudo para facilitar o acesso posterior.
Capture ideias e recursos visuais da Web em um caderno digital. Salve suas cores, animações, transições, ícones, fontes e artigos favoritos. Marque tudo para facilitar o acesso posterior.
Salvar no Pinterest - criar moodboards
Salve qualquer ideia da Web no Pinterest. Crie quadros com referências, quadros de humor ou coleções de imagens para inspiração. Inclui pesquisa visual para encontrar imagens semelhantes. Perfeito para quando um cliente do compartilha suas próprias referências - você pode encontrar instantaneamente ideias semelhantes.
Salve qualquer ideia da Web no Pinterest. Crie quadros com referências, quadros de humor ou coleções de imagens para inspiração. Inclui pesquisa visual para encontrar imagens semelhantes. Perfeito para quando um cliente do compartilha suas próprias referências - você pode encontrar instantaneamente ideias semelhantes.
Instapaper - leia artigos off-line
Salve artigos e resumos de design para ler mais tarde. Organize o conteúdo em pastas e acesse-o de qualquer dispositivo, mesmo sem acesso à Internet, como em um avião.
Salve artigos e resumos de design para ler mais tarde. Organize o conteúdo em pastas e acesse-o de qualquer dispositivo, mesmo sem acesso à Internet, como em um avião.
Ferramentas de otimização do fluxo de trabalho
Gerenciamento de tempo
Bardeen - automação de fluxo de trabalho
Crie automações personalizadas para tarefas rotineiras. Por exemplo, quando um cliente envia um feedback por e-mail, o Bardeen pode criar um cartão do Trello com uma lista de tarefas e enviar uma mensagem de confirmação. Funciona com ferramentas como Google Sheets, Zoom e Trello.
Crie automações personalizadas para tarefas rotineiras. Por exemplo, quando um cliente envia um feedback por e-mail, o Bardeen pode criar um cartão do Trello com uma lista de tarefas e enviar uma mensagem de confirmação. Funciona com ferramentas como Google Sheets, Zoom e Trello.
Todoist - organize tarefas
Planeje e priorize tarefas, defina prazos e receba lembretes. A ferramenta permite separar tarefas pessoais e de trabalho, e você pode colaborar em listas compartilhadas com colegas ou familiares.
Planeje e priorize tarefas, defina prazos e receba lembretes. A ferramenta permite separar tarefas pessoais e de trabalho, e você pode colaborar em listas compartilhadas com colegas ou familiares.
O plug-in permite que você organize suas tarefas diárias, sejam elas pessoais ou relacionadas ao trabalho, sem precisar recorrer a serviços de terceiros.
StayFocusd - elimine as distrações
Bloqueie o acesso a sites que causam distração durante o horário de trabalho. Limitar o tempo em sites de mídia social ou de entretenimento pode ajudá-lo a manter o foco e aumentar a produtividade.
Bloqueie o acesso a sites que causam distração durante o horário de trabalho. Limitar o tempo em sites de mídia social ou de entretenimento pode ajudá-lo a manter o foco e aumentar a produtividade.
Momentum - configure um espaço de trabalho
Substitua a página da nova guia por um painel de produtividade: Lista de tarefas, cronômetro de foco, links rápidos e citação inspiradora - tudo em uma única exibição.
Substitua a página da nova guia por um painel de produtividade: Lista de tarefas, cronômetro de foco, links rápidos e citação inspiradora - tudo em uma única exibição.
Toggl - rastreie o tempo gasto
Registre quanto tempo você gasta em cada tarefa. Isso é especialmente útil para novos designers, pois facilita o aprimoramento das estimativas de tempo, a criação de cronogramas de projeto precisos e a definição de prazos realistas.
Registre quanto tempo você gasta em cada tarefa. Isso é especialmente útil para novos designers, pois facilita o aprimoramento das estimativas de tempo, a criação de cronogramas de projeto precisos e a definição de prazos realistas.
Gerenciamento de guias
OneTab - recolher abas abertas
Recolhe todas as suas abas abertas em uma única lista. Por exemplo, se estiver pesquisando um público-alvo e tiver dezenas de guias abertas, mas de repente precisar mudar para edições de clientes, basta clicar uma vez para salvar tudo para depois. Isso limpa seu espaço de trabalho e libera RAM. Você pode restaurar as guias de uma só vez ou uma a uma.
Recolhe todas as suas abas abertas em uma única lista. Por exemplo, se estiver pesquisando um público-alvo e tiver dezenas de guias abertas, mas de repente precisar mudar para edições de clientes, basta clicar uma vez para salvar tudo para depois. Isso limpa seu espaço de trabalho e libera RAM. Você pode restaurar as guias de uma só vez ou uma a uma.
Toby for Tabs - organize suas guias
Use-o para colocar ordem em seu navegador. Organize grupos de guias em espaços de trabalho e alterne entre eles quando necessário.
Comece o dia com um grupo predefinido de guias relacionadas ao trabalho e feche-as à noite sem perder nada. Tudo é sincronizado entre dispositivos - retome o exatamente de onde parou, mesmo em outro computador.
Use-o para colocar ordem em seu navegador. Organize grupos de guias em espaços de trabalho e alterne entre eles quando necessário.
Comece o dia com um grupo predefinido de guias relacionadas ao trabalho e feche-as à noite sem perder nada. Tudo é sincronizado entre dispositivos - retome o exatamente de onde parou, mesmo em outro computador.
Segurança
HTTPS Everywhere - proteja sua conexão
Use-o para proteger suas conexões em público. A ferramenta força os sites a usar HTTPS - mesmo que não o façam por padrão - criptografando os dados que você envia e recebe on-line. É especialmente útil quando se trabalha em cafés ou espaços de coworking, o que a torna uma ótima ferramenta para designers autônomos.
Use-o para proteger suas conexões em público. A ferramenta força os sites a usar HTTPS - mesmo que não o façam por padrão - criptografando os dados que você envia e recebe on-line. É especialmente útil quando se trabalha em cafés ou espaços de coworking, o que a torna uma ótima ferramenta para designers autônomos.
AdGuard - bloqueie todos os anúncios
Torne sua experiência de navegação mais confortável bloqueando todos os tipos de anúncios irritantes, incluindo anúncios em vídeo do YouTube, pop-ups, banners, anúncios nativos, etc. Ele também desativa rastreadores que monitoram sua atividade on-line, acelerando o carregamento da página e reduzindo o uso de dados.
Torne sua experiência de navegação mais confortável bloqueando todos os tipos de anúncios irritantes, incluindo anúncios em vídeo do YouTube, pop-ups, banners, anúncios nativos, etc. Ele também desativa rastreadores que monitoram sua atividade on-line, acelerando o carregamento da página e reduzindo o uso de dados.
Depois de instalado, ele funciona automaticamente em todos os sites, sem necessidade de ativá-lo ou desativá-lo.
LastPass - salve suas senhas
Use-o para armazenar, gerenciar e preencher automaticamente suas senhas com segurança. Ele criptografa seus dados para evitar vazamentos e sincroniza em todos os seus dispositivos. Ao se inscrever em um novo site, ele pode gerar uma senha forte para você.
Use-o para armazenar, gerenciar e preencher automaticamente suas senhas com segurança. Ele criptografa seus dados para evitar vazamentos e sincroniza em todos os seus dispositivos. Ao se inscrever em um novo site, ele pode gerar uma senha forte para você.
Folha de dicas de plug-ins úteis
Para ajudá-lo a navegar com mais eficiência, aqui está uma lista de plug-ins com uma breve visão geral de seus recursos. Salve-a, teste diferentes ferramentas e escolha as que funcionam melhor para você.
ColorZilla - escolha uma cor, crie uma paleta de site, gere um gradiente CSS.
Site Palette - extraia o esquema de cores de um site, exporte para o Google Palette ou Adobe Swatch.
Site Palette - extraia o esquema de cores de um site, exporte para o Google Palette ou Adobe Swatch.
WhatFont - identifica fontes em qualquer site.
Font Ninja - experimenta fontes, verifica o licenciamento comercial.
Google Font Previewer - testa fontes sem editar CSS.
Font Ninja - experimenta fontes, verifica o licenciamento comercial.
Google Font Previewer - testa fontes sem editar CSS.
Icons8 - insira ícones e ilustrações diretamente no Google Docs.
Image Downloader - faça download de imagens e ícones de qualquer página da Web.
SVG Grabber - extraia e faça download de arquivos SVG.
Video DownloadHelper - faça download de vídeo ou áudio de qualquer site.
Image Downloader - faça download de imagens e ícones de qualquer página da Web.
SVG Grabber - extraia e faça download de arquivos SVG.
Video DownloadHelper - faça download de vídeo ou áudio de qualquer site.
Page Ruler - mede os elementos e o espaçamento da página.
CSS Peeper - inspeciona fontes, cores e estilos em qualquer página da Web.
Wappalyzer - detecta quais tecnologias um site usa.
Visual Inspector UI - edita temporariamente estilos e testa alterações de layout.
Broken Link Checker - localiza links quebrados e erros de imagem.
Lighthouse - executa uma auditoria técnica completa de um site.
CSS Peeper - inspeciona fontes, cores e estilos em qualquer página da Web.
Wappalyzer - detecta quais tecnologias um site usa.
Visual Inspector UI - edita temporariamente estilos e testa alterações de layout.
Broken Link Checker - localiza links quebrados e erros de imagem.
Lighthouse - executa uma auditoria técnica completa de um site.
Window Resizer - verifique layouts responsivos.
Perfect Pixel - compare seu layout com o design original.
Google Tag Assistant - solucione problemas de tags GTM.
Perfect Pixel - compare seu layout com o design original.
Google Tag Assistant - solucione problemas de tags GTM.
Muzli - explore tendências de design e encontre referências visuais.
Save to Pinterest - colete ideias visuais e crie moodboards.
EvernoteWeb Clipper - salve ideias e organize-as por categoria.
Instapaper - crie uma lista de leitura off-line.
Save to Pinterest - colete ideias visuais e crie moodboards.
EvernoteWeb Clipper - salve ideias e organize-as por categoria.
Instapaper - crie uma lista de leitura off-line.
Bardeen - automatize tarefas rotineiras em todas as suas ferramentas.
Todoist - planeje e priorize suas tarefas.
StayFocusd - bloqueie sites que distraem durante o horário de trabalho.
Momentum - transforme sua nova guia em um painel de produtividade.
Toggl - monitore o tempo gasto em tarefas.
Todoist - planeje e priorize suas tarefas.
StayFocusd - bloqueie sites que distraem durante o horário de trabalho.
Momentum - transforme sua nova guia em um painel de produtividade.
Toggl - monitore o tempo gasto em tarefas.
Toby for Tabs - organiza as guias em espaços de trabalho.
OneTab - comprime todas as guias em uma única lista.
OneTab - comprime todas as guias em uma única lista.
HTTPS Everywhere - garanta conexões seguras mesmo em sites sem HTTPS.
AdGuard - bloqueie anúncios, rastreadores e pop-ups.
LastPass - armazene e sincronize senhas em todos os seus dispositivos.
AdGuard - bloqueie anúncios, rastreadores e pop-ups.
LastPass - armazene e sincronize senhas em todos os seus dispositivos.
Toque para ver em tamanho real e salvar para mais tarde
Toque para ver em tamanho real e salvar para mais tarde
Se você gostou do artigo, compartilhe-o com seus amigos. Obrigado!
Leia também:
Livro de curso gratuito sobre como projetar, configurar e executar páginas de destino de alta conversão em
Guia prático gratuito para animação na Web com exemplos e técnicas,
e dicas sobre como usá-los
