Painel flutuante do Chrome para inspeção de design, exportação e gerenciamento de referências locais
Um painel flutuante e personalizável sobrepõe qualquer página da web para capturar referências, inspecionar fontes, exportar imagens modernas e preencher formulários sem mudar de aba. Ayvu, de um desenvolvedor independente, funciona como uma extensão leve do Chrome e agrupa ferramentas para verificações rápidas de design. Os elementos principais incluem um gerenciador de referências, inspetor de fontes, exportadores de imagens e SVG, e uma régua com grades de 4px/8px. É adequado para designers web e desenvolvedores front-end que precisam de utilitários na página e ferramentas com foco em privacidade.
O que o painel realmente faz em uma página ao vivo
A extensão expõe uma sobreposição arrastável que salva títulos de sites, URLs e capturas de tela através do gerenciador de referências Reff, inspeciona tipografia com o Inspecionador de Fontes e fornece um Preenchimento de Formulário ativado a partir do painel, do menu de clique direito ou Alt+Shift+F. Essas ferramentas mantêm você na aba ativa enquanto coleta referências e entradas de teste; use o Exportador de Imagens e o Limpador de SVG para pegar ativos otimizados sem abrir aplicativos separados.
- Captura de referência via Reff
- Análise de tipografia e alternativas
- Preenchimento de formulário com múltiplos gatilhos
Como se comporta enquanto você trabalha e o que exige
A extensão é descrita como leve e roda inteiramente do lado do cliente, portanto não requer login, não envia dados de uso, nem exibe anúncios. A privacidade é tratada localmente, e o painel flutuante pode ser arrastado, minimizado ou fixado em uma barra lateral para reduzir a interferência visual. Como tudo é executado no navegador, o conjunto de ferramentas se integra diretamente a uma sessão de desenvolvimento ou design sem redirecionar ativos através de servidores externos.
Como lida com ativos, formatos modernos e medições
O Exportador de Imagens converte imagens de página em formatos modernos, incluindo WebP, AVIF e JPEG XL, e o Limpador de SVG remove metadados e comentários antes do download. As ferramentas de medição incluem uma régua e sobreposições de grade para sistemas de 4px e 8px, que reportam preenchimento, margem e dimensões de elementos sob o cursor. Essas capacidades abordam a otimização de formato e verificações de layout precisas comumente necessárias durante testes de front-end.
Quais ambientes e usuários a ferramenta atende
A extensão é direcionada a navegadores baseados em Chromium, portanto funciona no Chrome e em outras compilações do Chromium. Ela atende profissionais de UI/UX e desenvolvedores front-end que preferem fluxos de trabalho locais, sem conta, e que precisam de acesso rápido a recursos de exportação e inspeção dentro do navegador. A ferramenta consolida etapas que de outra forma exigiriam várias utilidades separadas.
Boa opção para designers preocupados com a privacidade que desejam inspeção em aba
Ayvu fornece um conjunto concentrado de utilitários de design que operam inteiramente no navegador e priorizam o manuseio de dados local, o que o torna apropriado para designers e desenvolvedores que evitam ferramentas baseadas na nuvem. Seu foco de nicho e volume limitado de revisões públicas sugerem que ele atrai profissionais que testam e adaptam novas extensões, em vez de equipes que buscam ferramentas empresariais amplamente avaliadas.
