Extensão de navegador

Pare de vasculhar os DevTools.
Inspecione qualquer elemento com um clique.

O inspetor CSS para designers e desenvolvedores. Copie estilos, cores, fontes — exporte para Tailwind, Flutter e mais 8 formatos. 10x mais rápido que DevTools.

Chrome Chrome Brave Brave Edge Edge Opera Opera
Firefox Firefox
Safari Safari
Em breve

Por que GetLayers?

Três superpoderes que substituem uma dúzia de abas nos DevTools.

10 Formatos de Exportação Pro

CSS, JSON, Tailwind, Flutter, SwiftUI, SCSS, Compose, Figma, React, Compact AI — copie qualquer formato com um clique.

CSS JSON SCSS Tailwind React JSX Flutter SwiftUI Compose Figma JSON Compact AI

Fluxo com IA Pro

O único inspetor CSS com Claude MCP. Inspecione elementos, edite estilos e liste widgets — direto do seu assistente de IA.

O único inspetor CSS com IA

Kit de Design Completo Pro

Modo Edição, Espaçamento, Régua, Capturas — tudo que um designer precisa em uma extensão.

Free vs Pro

Veja tudo o que você ganha — e tudo o que está perdendo.

Free

Suficiente para explorar
Inspecionar & Entender
Live Inspect
Valores Declarados
Inspetor de Fontes
Fonte, tamanho, peso, altura de linha — visível ao passar o mouse
Seletor de Cores
Copie qualquer cor da página com um clique
Color Lens
Cor e fundo do elemento — de relance
Paleta de Cores
Todas as cores da página, coletadas automaticamente
Verificação de Contraste WCAG
Histórico do Seletor
Histórico de cada cor que você copiou
Copiar & Exportar
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
Editar & Projetar
Lock & Edit
Espaçamento & Régua
Padding, margins, distâncias entre elementos. Para animações CSS — valores min/max
CSS Diff
Compare dois elementos: o que difere e o que é compartilhado
Capturas
Perfis de Edição
Salve estilos editados como perfis que se aplicam automaticamente
Baixar & Compartilhar
Download de Recursos
Imagens, fontes e fundos de qualquer página
Prévia & ZIP
Visualize um elemento selecionado isoladamente em uma página separada
Exportação ZIP
Superpoderes IA
MCP Lista de Widgets
MCP Inspecionar
Conecte assistentes de IA para inspecionar e editar estilos
MCP Editar Estilos

Pro

Tudo o que você precisa
Inspecionar & Entender
Live Inspect
Valores Declarados
Inspetor de Fontes
Fonte, tamanho, peso, altura de linha — visível ao passar o mouse
Seletor de Cores
Copie qualquer cor da página com um clique
Color Lens
Cor e fundo do elemento — de relance
Paleta de Cores
Todas as cores da página, coletadas automaticamente
Verificação de Contraste WCAG
Histórico do Seletor
Histórico de cada cor que você copiou
Copiar & Exportar
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
Editar & Projetar
Lock & Edit
Espaçamento & Régua
Padding, margins, distâncias entre elementos. Para animações CSS — valores min/max
CSS Diff
Compare dois elementos: o que difere e o que é compartilhado
Capturas
Perfis de Edição
Salve estilos editados como perfis que se aplicam automaticamente
Baixar & Compartilhar
Download de Recursos
Imagens, fontes e fundos de qualquer página
Prévia & ZIP
Visualize um elemento selecionado isoladamente em uma página separada
Exportação ZIP
Superpoderes IA
MCP Lista de Widgets
MCP Inspecionar
Conecte assistentes de IA para inspecionar e editar estilos
MCP Editar Estilos
50+
Ferramentas
10
Formatos
20
Idiomas
2
Dispositivos

Preços Simples

Comece grátis. Faça upgrade quando precisar de mais.

Pro Vitalício
R$269
pagamento único
Todos os 10 formatos, modo edição, espaçamento, capturas, IA — o kit completo
Obter Acesso Vitalício
Pague uma vez. Use para sempre. Sem renovações
Pro Mensal
R$17
por mês
Todos os 10 formatos, modo edição, espaçamento, capturas, IA — o kit completo
Assinar Pro
Menos que um café. Cancele quando quiser
Free
R$0
para sempre
9 ferramentas grátis, 2 formatos de exportação, 20 idiomas
Comece a Inspecionar — Grátis
Sem cartão. Comece em 10 segundos
Garantia de devolução em 7 dias

FAQ

Sim! Live Inspect, Copiar CSS/JSON, Seletor de Cores, Inspetor de Fontes, Color Lens, Paleta de Cores e 20 idiomas são completamente grátis. Sem teste, sem limite de tempo.
10 formatos de exportação (SCSS, Tailwind, Flutter, SwiftUI, Compose, Figma JSON, Compact AI), modo Lock & Edit, Perfis de Edição, Histórico do Seletor, download de recursos, ferramentas de espaçamento & régua, capturas e integração completa com IA via MCP.
A licença Pro funciona em até 2 dispositivos. Você pode desativar um dispositivo a qualquer momento para liberar um espaço.
Sim, garantia de devolução em 7 dias, sem perguntas.
GetLayers funciona no Chrome, Brave, Edge e Opera. Firefox também é suportado. Suporte para Safari em breve.
Após a compra, você recebe uma chave de licença por e-mail. Abra o popup do GetLayers, vá em Configurações e cole sua chave. A ativação é instantânea.
Abra as Configurações no popup do GetLayers e clique em Desativar. Isso libera um espaço de dispositivo. Em seguida, ative no novo dispositivo com a mesma chave.
Sua chave de licença é armazenada localmente. Após reinstalar, insira novamente sua chave nas Configurações. Se os dois espaços estiverem ocupados, desative um primeiro.
Usamos Gumroad para pagamentos. Eles aceitam todos os principais cartões de crédito, PayPal e Apple Pay.
Os planos mensal e anual renovam automaticamente. O vitalício é um pagamento único — seu para sempre, incluindo todas as atualizações futuras.

Entre em Contato

Tem uma pergunta, encontrou um bug ou quer colaborar? Envie uma mensagem.

Mensagem enviada!
Responderemos o mais breve possível.