GetLayers: inspetor de CSS e baixar recursos por GetLayers, PajaTools

Viu um design que adorou? Passe o mouse, clique e ele é seu.

O GetLayers transforma qualquer site em uma fonte da qual você pode copiar. Inspecione um elemento, pegue código limpo para a sua stack, cole no Figma como camadas reais, meça os espaçamentos, escolha as cores e fontes e salve as imagens, ícones, vídeos, áudios, fontes e arquivos que a página usa. Sem fuçar no DevTools, sem print e adivinhação.

INSPECIONE E COPIE COM UM CLIQUE
- Passe o mouse sobre qualquer elemento para ver estilos, box model, tipografia, cores e contraste de relance
- Clique para copiar o código e fixar o elemento, depois navegue pela página com as setas do teclado
- Exporte para 10 formatos de código para web, mobile e ferramentas de design, do CSS puro ao Tailwind, React, Flutter ou SwiftUI
- Veja um elemento isolado, tire uma captura limpa dele ou exporte todos os widgets em um ZIP

COPIAR PARA O FIGMA (Pro, beta)
- Cole um elemento ou a página inteira no Figma com Cmd+V ou Ctrl+V
- Você recebe frames, textos e imagens reais com auto layout, não uma imagem chapada
- Exporte um guia de estilo com as cores da página e os estilos de texto

JANELA DE DOWNLOADS (pressione G)
- Todas as imagens da página, incluindo fundos CSS, versões responsivas, ícones SVG, Lottie e Rive
- Os tamanhos são agrupados e a melhor qualidade vem marcada, então você nunca salva uma miniatura borrada
- Vídeos com quadro de prévia, streams salvos como um único arquivo e legendas em VTT ou SRT
- Áudios, fontes com prévia ao vivo e os PDFs, documentos e arquivos compactados para os quais a página tem link
- Busca, filtros, modelos de nome de arquivo, cópia de links e uma lista de downloads recentes
- Todo vídeo encontrado fica em uma fila, e os downloads continuam mesmo se a página recarregar
- Ferramentas Pro: rolar e coletar, converter e redimensionar imagens, exportar ícones para código, fontes em TTF ou OTF com um kit de fontes em ZIP

EDITE AO VIVO, DIRETO NA PÁGINA
- Altere qualquer estilo e veja o resultado na hora, com desfazer
- Salve suas edições como perfis que são aplicados automaticamente da próxima vez
- Compare dois elementos lado a lado para ver o que muda
- Mova elementos para testar um novo layout

MEÇA COMO UM DESIGNER
- Sobreposições de espaçamento para padding, margin e gaps
- Uma régua para a distância exata entre dois elementos
- A paleta de cores da página e um inspetor de fontes

FEITO PARA FLUXOS COM IA
- Conecte seu assistente de código com IA pelo servidor MCP integrado, para que ele inspecione elementos e edite estilos em uma página ao vivo

RÁPIDO E AMIGÁVEL
- Escolha como usar o GetLayers na primeira vez: inspecionar e copiar estilos ou baixar recursos. Troque quando quiser em Configurações
- Uma barra de ferramentas que você arrasta para qualquer lugar, além de uma barra lateral do DevTools
- Atalhos de teclado para tudo, pressione ? para ver todos
- Disponível em 20 idiomas

GRATUITO E PRO
O plano gratuito inclui Inspeção ao Vivo, cópia em CSS e JSON, as ferramentas de cor e fonte, a barra lateral do DevTools e uma janela de downloads limitada. Não precisa de conta.
O Pro libera todos os formatos, Copiar para o Figma, edição ao vivo com perfis, ferramentas de medição, comparação de elementos, capturas de tela, exportação em ZIP, downloads ilimitados com as ferramentas Pro e a integração com IA. Garantia de reembolso de 7 dias.
Teste o Pro grátis por 7 dias: receba uma chave gratuita por e-mail e cole em Configurações, sem cartão.

PRIVACIDADE
Sem anúncios, sem conta no plano gratuito. Suas páginas, edições, downloads e os endereços que você visita nunca saem do seu navegador. O Pro envia sua chave de licença para verificá-la. Contagens anônimas de quais recursos são usados são enviadas apenas se você permitir, e você pode desativá-las em Configurações. O formulário de feedback opcional envia apenas o que você digitar, mais a versão da extensão, o navegador, o sistema, o idioma e o plano.

OBSERVAÇÃO
O GetLayers salva arquivos que o seu navegador já carrega. Respeite os direitos autorais e os termos dos sites. Streams protegidos por DRM e vídeos do YouTube não são compatíveis.

Site e preços: https://getlayers.pro
Dúvidas ou ideias: getlayers.help@gmail.com