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

Viu um design de que gostou? Passe o rato por cima, clique e é seu.

O GetLayers transforma qualquer site numa fonte de onde pode copiar. Inspecione um elemento, obtenha código limpo para a sua stack, cole-o no Figma como camadas reais, meça os espaçamentos, escolha as cores e os tipos de letra e guarde as imagens, ícones, vídeos, áudios, tipos de letra e ficheiros que a página usa. Sem andar às voltas no DevTools, sem capturas de ecrã e adivinhação.

INSPECIONE E COPIE COM UM CLIQUE
- Passe o rato por cima de qualquer elemento para ver estilos, box model, tipografia, cores e contraste num instante
- Clique para copiar o código e fixar o elemento, depois percorra a página com as teclas de seta
- Exporte para 10 formatos de código para web, mobile e ferramentas de design, do CSS simples ao Tailwind, React, Flutter ou SwiftUI
- Veja um elemento isolado, tire uma captura limpa dele ou exporte todos os widgets num ZIP

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

JANELA DE TRANSFERÊNCIAS (prima 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 fica assinalada, por isso nunca guarda uma miniatura desfocada
- Vídeos com fotograma de pré-visualização, streams guardados num único ficheiro e legendas em VTT ou SRT
- Áudio, tipos de letra com pré-visualização em direto e os PDFs, documentos e arquivos para onde a página tem ligações
- Pesquisa, filtros, modelos de nome de ficheiro, cópia de ligações e uma lista de transferências recentes
- Cada vídeo encontrado fica numa fila e as transferências continuam mesmo que a página seja recarregada
- Ferramentas Pro: deslocar e recolher, converter e redimensionar imagens, exportar ícones para código, tipos de letra em TTF ou OTF com um kit de tipos de letra em ZIP

EDITE EM DIRETO, NA PRÓPRIA PÁGINA
- Altere qualquer estilo e veja o resultado de imediato, com anular
- Guarde as suas edições como perfis que se aplicam automaticamente da próxima vez
- Compare dois elementos lado a lado para ver o que difere
- Mova elementos para experimentar 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 tipos de letra

FEITO PARA FLUXOS DE TRABALHO COM IA
- Ligue o seu assistente de programação com IA através do servidor MCP integrado, para que possa inspecionar elementos e editar estilos numa página em direto

RÁPIDO E SIMPLES
- Escolha como usa o GetLayers no primeiro arranque: inspecionar e copiar estilos ou transferir recursos. Altere quando quiser nas Definições
- Uma barra de ferramentas que pode arrastar para qualquer lado, mais uma barra lateral do DevTools
- Atalhos de teclado para tudo, prima ? 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 de tipos de letra, a barra lateral do DevTools e uma janela de transferências limitada. Não é necessária conta.
O Pro desbloqueia todos os formatos, Copiar para o Figma, edição em direto com perfis, ferramentas de medição, comparação de elementos, capturas de ecrã, exportação em ZIP, transferências ilimitadas com as ferramentas Pro e a integração com IA. Garantia de reembolso de 7 dias.
Experimente o Pro grátis durante 7 dias: receba uma chave gratuita por e-mail e cole-a nas Definições, sem cartão.

PRIVACIDADE
Sem anúncios, sem conta no plano gratuito. As suas páginas, edições, transferências e os endereços que visita nunca saem do seu navegador. O Pro envia a sua chave de licença para a verificar. Contagens anónimas das funcionalidades utilizadas só são enviadas se permitir, e pode desativá-las nas Definições. O formulário de feedback opcional envia apenas o que escrever, mais a versão da extensão, o navegador, o sistema, o idioma e o plano.

NOTA
O GetLayers guarda ficheiros que o seu navegador já carrega. Respeite os direitos de autor e os termos dos sites. Streams protegidos por DRM e vídeos do YouTube não são suportados.

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