Neste artigo:
Se você estiver usando o Chrome versão 95 ou superior, não precisará da Extensão do Moqups para ativar o conta-gotas.
Se você usa o navegador Chrome do Google para acessar nosso aplicativo, a extensão oficial do Moqups para Google Chrome adicionará as seguintes funcionalidades e recursos:
- Capturar Screenshots para a Biblioteca
- Habilitar Conta-gotas para o Seletor de Cores
- Criar Projetos e Ir para o Moqups
Neste artigo, você aprenderá como instalar a extensão no Chrome e como usar os recursos da extensão.
Instalar a extensão do Moqups
- Visite a Chrome Web Store ou, dentro do aplicativo Moqups, clique no conta-gotas no seletor de cores e siga o link.
- Após instalar a extensão, o botão azul do Moqups aparecerá à direita da barra de endereços do navegador.
- Para habilitar o conta-gotas, você precisará atualizar todas as abas que tenham o aplicativo Moqups aberto.
Capturar screenshots
Com a extensão, você pode capturar a área visível de um site, uma seleção específica ou uma página inteira – e adicionar essas capturas instantaneamente à sua biblioteca de Imagens da Equipe. Isso economiza tempo quando você está montando um mood board, buscando inspiração, fazendo pesquisa de concorrentes ou criando mockups rápidos.
Para tirar screenshots:
- Clique no ícone da extensão do Moqups à direita da barra de endereços do navegador
- Selecione uma das opções de Captura de Screenshot da Página
- Área Visível capturará apenas o que está atualmente visível na janela do navegador
- Área Selecionada permitirá que você clique e arraste para escolher uma parte específica da janela
- Página Inteira capturará toda a página web
-
Seu screenshot será aberto em uma nova aba do navegador; aqui, você pode nomeá-lo, salvá-lo diretamente na sua biblioteca de Imagens da Equipe no Moqups – ou cancelar se quiser tentar novamente!
-
Depois de clicar no botão 'Salvar no Moqups', e a imagem ter sido enviada, clique no botão 'Pronto! Ir para o Moqups' para ir ao seu projeto.
Habilitar conta-gotas
Para versões do Chrome anteriores à 95, nossa extensão também habilita o conta-gotas do nosso aplicativo – para que você possa selecionar qualquer cor da página e aplicá-la instantaneamente aos seus elementos de design.
Instalar a extensão – e atualizar todas as abas abertas do Moqups – ativará automaticamente o conta-gotas. Você encontrará o ícone do conta-gotas no seletor de cores do Painel de Formato.
Para usar o conta-gotas para escolher cores:
- Clique no ícone do conta-gotas para abrir uma janela de inspeção no canto superior direito da tela.
- À medida que você move o cursor em forma de cruz pela página, a janela exibirá uma visão ampliada dos pixels abaixo, bem como seus valores RGB e Hex.
- Clique para selecionar a cor abaixo do cursor.
Criar projetos e ir para o Moqups
Você pode criar instantaneamente um novo projeto ou ir direto para o Painel da sua conta, clicando no botão do Moqups no canto superior direito do navegador.
Isso é particularmente útil quando você está alternando entre várias abas no navegador – ou tirando screenshots para criar mood boards, mockups e storyboards.
Perguntas e respostas
Por que o conta-gotas só funciona se estou usando uma extensão de navegador?
Para fornecer todos esses recursos – incluindo o conta-gotas – optamos por depender das extensões do Chrome e do Firefox por razões técnicas e de segurança. Para uma explicação completa dessa escolha e o raciocínio por trás dela, confira nossa postagem no blog.
Esta extensão está disponível para outros navegadores?
Atualmente, nossa extensão está disponível para Chrome e Firefox – e os usuários do Brave podem instalar a versão do Chrome. Estamos trabalhando em uma extensão para Safari, mas pode demorar um pouco mais para ser implementada.