Extensión de navegador

Deja de rebuscar en DevTools.
Inspecciona cualquier elemento con un clic.

El inspector CSS para diseñadores y desarrolladores. Copia estilos, colores, fuentes — exporta a Tailwind, Flutter y 8 formatos más. 10x más rápido que DevTools.

Chrome Chrome Brave Brave Edge Edge Opera Opera
Firefox Firefox
Safari Safari
Próximamente

¿Por qué GetLayers?

Tres superpoderes que reemplazan una docena de pestañas en DevTools.

10 formatos de exportación Pro

CSS, JSON, Tailwind, Flutter, SwiftUI, SCSS, Compose, Figma, React, Compact AI — copia cualquier formato con un clic.

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

Flujo de trabajo con IA Pro

El único inspector CSS con Claude MCP. Inspecciona elementos, edita estilos y lista widgets — todo desde tu asistente IA.

El único inspector CSS con IA

Kit de diseño completo Pro

Modo edición, espaciado, regla, capturas — todo lo que un diseñador necesita en una extensión.

Free vs Pro

Mira todo lo que obtienes — y todo lo que te estás perdiendo.

Free

Suficiente para explorar
Inspeccionar y entender
Live Inspect
Valores declarados
Inspector de fuentes
Fuente, tamaño, peso, altura de línea — visible al pasar el cursor
Selector de color
Copia cualquier color de la página con un clic
Color Lens
Color y fondo del elemento — de un vistazo
Paleta de colores
Todos los colores de la página, recopilados automáticamente
Verificación de contraste WCAG
Historial del selector
Historial de cada color que has copiado
Copiar y exportar
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
Editar y diseñar
Lock & Edit
Espaciado y regla
Padding, márgenes, distancias entre elementos. Para animaciones CSS — valores mín/máx
CSS Diff
Compara dos elementos: qué difiere y qué comparten
Capturas
Perfiles de edición
Guarda estilos editados como perfiles que se aplican automáticamente
Descargar y compartir
Descarga de recursos
Imágenes, fuentes y fondos de cualquier página
Vista previa & ZIP
Previsualiza un elemento aislado en una página separada
Exportar ZIP
Superpoderes IA
MCP Widget List
MCP Inspect
Conecta asistentes IA para inspeccionar y editar estilos
MCP Edit Styles

Pro

Todo lo que necesitas
Inspeccionar y entender
Live Inspect
Valores declarados
Inspector de fuentes
Fuente, tamaño, peso, altura de línea — visible al pasar el cursor
Selector de color
Copia cualquier color de la página con un clic
Color Lens
Color y fondo del elemento — de un vistazo
Paleta de colores
Todos los colores de la página, recopilados automáticamente
Verificación de contraste WCAG
Historial del selector
Historial de cada color que has copiado
Copiar y exportar
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
Editar y diseñar
Lock & Edit
Espaciado y regla
Padding, márgenes, distancias entre elementos. Para animaciones CSS — valores mín/máx
CSS Diff
Compara dos elementos: qué difiere y qué comparten
Capturas
Perfiles de edición
Guarda estilos editados como perfiles que se aplican automáticamente
Descargar y compartir
Descarga de recursos
Imágenes, fuentes y fondos de cualquier página
Vista previa & ZIP
Previsualiza un elemento aislado en una página separada
Exportar ZIP
Superpoderes IA
MCP Widget List
MCP Inspect
Conecta asistentes IA para inspeccionar y editar estilos
MCP Edit Styles
50+
Herramientas
10
Formatos
20
Idiomas
2
Dispositivos

Precios simples

Empieza gratis. Mejora cuando necesites más.

Pro Vitalicio
€45
pago único
Los 10 formatos, modo edición, espaciado, capturas, IA — el kit completo
Obtener Acceso Vitalicio
Paga una vez. Usa para siempre. Sin renovaciones
Pro Mensual
€2.79
por mes
Los 10 formatos, modo edición, espaciado, capturas, IA — el kit completo
Hazte Pro
Menos que un café. Cancela cuando quieras
Free
€0
para siempre
9 herramientas gratis, 2 formatos de exportación, 20 idiomas
Empieza a inspeccionar — Gratis
Sin tarjeta. Empieza en 10 segundos
Garantía de devolución de 7 días

FAQ

¡Sí! Live Inspect, Copiar CSS/JSON, Selector de color, Inspector de fuentes, Color Lens, Paleta de colores y 20 idiomas son completamente gratis. Sin prueba, sin límite de tiempo.
10 formatos de exportación (SCSS, Tailwind, Flutter, SwiftUI, Compose, Figma JSON, Compact AI), modo Lock & Edit, perfiles de edición, historial del selector, descarga de recursos, herramientas de espaciado y regla, capturas e integración completa con MCP e IA.
La licencia Pro funciona en hasta 2 dispositivos. Puedes desactivar un dispositivo en cualquier momento para liberar un espacio.
Sí, garantía de devolución de 7 días, sin preguntas.
GetLayers funciona en Chrome, Brave, Edge y Opera. Firefox también es compatible. Soporte para Safari próximamente.
Después de la compra, recibes una clave de licencia por correo electrónico. Abre el popup de GetLayers, ve a Ajustes y pega tu clave. La activación es instantánea.
Abre Ajustes en el popup de GetLayers y haz clic en Desactivar. Esto libera un espacio de dispositivo. Luego activa en tu nuevo dispositivo con la misma clave.
Tu clave de licencia se almacena localmente. Después de reinstalar, vuelve a ingresar tu clave en Ajustes. Si ambos espacios están ocupados, desactiva uno primero.
Usamos Gumroad para los pagos. Aceptan todas las tarjetas de crédito principales, PayPal y Apple Pay.
Los planes mensuales y anuales se renuevan automáticamente. El vitalicio es de un solo pago — tuyo para siempre, incluyendo todas las actualizaciones futuras.

Ponte en contacto

¿Tienes una pregunta, encontraste un error o quieres colaborar? Envíanos un mensaje.

¡Mensaje enviado!
Te responderemos lo antes posible.