GetLayers: inspector CSS y descarga de recursos por GetLayers, PajaTools

¿Ves un diseño que te encanta? Pasa el cursor, haz clic y es tuyo.

GetLayers convierte cualquier sitio web en una fuente de la que puedes copiar. Inspecciona un elemento, obtén código limpio para tu stack, pégalo en Figma como capas reales, mide los espaciados, elige colores y fuentes, y guarda las imágenes, iconos, vídeos, audios, fuentes y archivos que usa la página. Sin rebuscar en las DevTools, sin capturas de pantalla ni suposiciones.

INSPECCIONA Y COPIA CON UN CLIC
- Pasa el cursor sobre cualquier elemento para ver sus estilos, modelo de caja, tipografía, colores y contraste de un vistazo
- Haz clic para copiar el código y fijar el elemento, y luego recorre la página con las teclas de flecha
- Exporta a 10 formatos de código para web, móvil y herramientas de diseño, desde CSS puro hasta Tailwind, React, Flutter o SwiftUI
- Previsualiza un elemento por separado, haz una captura limpia de él o exporta todos los widgets como ZIP

COPIAR A FIGMA (Pro, beta)
- Pega un elemento o la página entera en Figma con Cmd+V o Ctrl+V
- Obtienes frames, texto e imágenes reales con auto layout, no una imagen plana
- Exporta una guía de estilo con los colores y estilos de texto de la página

VENTANA DE DESCARGAS (pulsa G)
- Todas las imágenes de la página, incluidos fondos CSS, versiones responsive, iconos SVG, Lottie y Rive
- Los tamaños se agrupan y la mejor calidad aparece marcada, así nunca guardas una miniatura borrosa
- Vídeos con fotograma de vista previa, streams guardados como un único archivo y subtítulos en VTT o SRT
- Audio, fuentes con vista previa en vivo, y los PDF, documentos y archivos comprimidos a los que enlaza la página
- Búsqueda, filtros, plantillas de nombres de archivo, copiar enlaces y una lista de descargas recientes
- Cada vídeo encontrado queda en una cola, y las descargas siguen aunque la página se recargue
- Herramientas Pro: desplazar y recopilar, convertir y redimensionar imágenes, exportar iconos para código, fuentes en TTF u OTF con un ZIP de kit de fuentes

EDITA EN VIVO, DIRECTAMENTE EN LA PÁGINA
- Cambia cualquier estilo y ve el resultado al instante, con deshacer
- Guarda tus ediciones como perfiles que se aplican automáticamente la próxima vez
- Compara dos elementos lado a lado para ver qué los diferencia
- Mueve elementos para probar un nuevo diseño

MIDE COMO UN DISEÑADOR
- Superposiciones de espaciado para padding, margin y gaps
- Una regla para la distancia exacta entre dos elementos
- La paleta de colores de la página y un inspector de fuentes

PENSADO PARA FLUJOS DE IA
- Conecta tu asistente de código con IA mediante el servidor MCP integrado, para que pueda inspeccionar elementos y editar estilos en una página en vivo

RÁPIDO Y AMIGABLE
- Elige cómo usar GetLayers al empezar: inspeccionar y copiar estilos, o descargar recursos. Cámbialo cuando quieras en Configuración
- Una barra de herramientas que puedes arrastrar a cualquier parte, más una barra lateral de DevTools
- Atajos de teclado para todo, pulsa ? para verlos todos
- Disponible en 20 idiomas

GRATIS Y PRO
El plan gratuito incluye Inspección en vivo, copia de CSS y JSON, las herramientas de color y fuentes, la barra lateral de DevTools y una ventana de descargas limitada. No necesitas cuenta.
Pro desbloquea todos los formatos, Copiar a Figma, edición en vivo con perfiles, herramientas de medición, comparación de elementos, capturas de pantalla, exportación ZIP, descargas ilimitadas con las herramientas Pro y la integración con IA. Garantía de devolución de 7 días.
Prueba Pro gratis durante 7 días: recibe una clave gratuita por correo y pégala en Configuración, sin tarjeta.

PRIVACIDAD
Sin anuncios, sin cuenta en el plan gratuito. Tus páginas, ediciones, descargas y las direcciones que visitas nunca salen de tu navegador. Pro envía tu clave de licencia para comprobarla. Los recuentos anónimos de qué funciones se usan solo se envían si lo permites, y puedes desactivarlos en Configuración. El formulario de comentarios opcional envía solo lo que escribes, más la versión de la extensión, el navegador, el sistema, el idioma y el plan.

AVISO
GetLayers guarda archivos que tu navegador ya carga. Respeta los derechos de autor y las condiciones de los sitios. Los streams protegidos con DRM y los vídeos de YouTube no son compatibles.

Sitio web y precios: https://getlayers.pro
Preguntas o ideas: getlayers.help@gmail.com