Inspeccionar
Pasa el cursor sobre cualquier elemento para verlo todo de una — espaciado (márgenes, relleno, espacios), dimensiones y apariencia (fondo, borde, radio, sombra, opacidad) en una sola superposición.
QA visual con IA para desarrolladores
Tu sitio se ve perfecto.
¿Estás seguro?
PxGuard analiza tu página y detecta inconsistencias de espaciado, problemas de tipografía y fallos de accesibilidad — en segundos, no en horas.
Instalación 100% gratis
Sin cuenta
Funciona en cualquier página
6 herramientas + análisis con IA
Herramientas gratis
6 herramientas de inspección gratis
Activa potentes superposiciones para inspeccionar espaciado, apariencia, accesibilidad y tipografía — sin gastar créditos de IA.
Accesibilidad
Detecta texto alternativo faltante, jerarquía de encabezados y problemas de teclado o foco — además de roles, regiones y etiquetas ARIA. Comprobaciones WCAG 2.1 AA, todo en una sola superposición.
Componentes
Pasa el cursor sobre cualquier componente web para ver su etiqueta y todas las props que usa — como DevTools para los elementos personalizados de tu sistema de diseño. Filtra por el prefijo de tus componentes.
Imágenes y video
Muestra la resolución renderizada y la relación de aspecto de cada imagen y video, para detectar recursos estirados, sobredimensionados o de baja resolución.
Tipografía
Pasa el cursor sobre cualquier texto para ver al instante la familia, el tamaño, el grosor, la altura de línea y el espaciado entre letras. Sin necesidad de DevTools.
Orden de foco
Visualiza la navegación por teclado con insignias numeradas. Observa la secuencia exacta de tabulación y detecta elementos inalcanzables.
Impulsado por IA
Un clic.
Cada problema detectado.
Nuestra IA analiza el espaciado, la tipografía, los colores y la accesibilidad de tu página — y te entrega un informe detallado con las correcciones de CSS exactas que puedes aplicar de inmediato.
0
La página tiene infracciones críticas de accesibilidad, incluidas 5 imágenes sin atributo alt y una jerarquía de encabezados rota (el h1 salta directamente al h3 antes de que aparezca cualquier h2). La tipografía es bastante consistente, pero los elementos h2 usan dos tamaños de fuente diferentes (40px y 48px), lo que se ve poco pulido.
2 críticos 4 advertencias 3 informativos
Crítico 5 imágenes sin atributo alt
Cinco elementos <img> no tienen ningún atributo alt. Esto incumple el criterio de éxito 1.1.1 de WCAG 2.1 (contenido no textual, nivel A). Los lectores de pantalla omitirán estas imágenes o anunciarán el nombre del archivo o la URL, lo que genera una experiencia rota para los usuarios de tecnologías de asistencia.
Crítico La jerarquía de encabezados omite el H2
El orden de los encabezados empieza en h1 y luego usa elementos h3 antes de que aparezca cualquier h2 en el DOM. Esto infringe los criterios 1.3.1 (información y relaciones) y 2.4.6 (encabezados y etiquetas) de WCAG 2.1.
Primeros pasos
Cómo funciona
De la instalación al diagnóstico en menos de 60 segundos.
1
🧩
Instala la extensión
Gratis desde la Chrome Web Store. Instalación en un clic, sin necesidad de cuenta. Funciona en cualquier sitio web al instante.
2
🔍
Activa las superposiciones
Inspecciona espaciado, apariencia, accesibilidad y tipografía en tiempo real. Seis herramientas gratuitas al alcance de tu mano — ve cada píxel que está fuera de lugar.
3
🤖
Ejecuta el análisis con IA
Con un clic, nuestra IA analiza toda tu página — diseño, roles ARIA y orden de tabulación. Cada problema detectado, sin pasar nada por alto.
4
📋
Obtén tu informe
Puntuaciones, hallazgos y correcciones de CSS listas para copiar. Cada problema se explica con un antes y un después, para que sepas exactamente qué cambiar y por qué.
5
🚀
Pásate a Pro
Hasta 500 análisis con IA al mes, exportación a PDF, historial completo de análisis y uso compartido en equipo. Pasa de la inspección manual al QA visual automatizado.
Precios
Precios simples y transparentes
Herramientas de superposición gratis para siempre. Los análisis con IA desde 12 USD al mes. Sin cargos ocultos. Cancela cuando quieras.
Free
$0 para siempre
1 análisis con IA (de por vida)
- 6 herramientas de inspección por superposición
- Inspeccionar: espaciado y apariencia
- Verificador de tipografía
- Inspector de imágenes y video
- Auditoría de accesibilidad y ARIA
- Visualizador de orden de tabulación y foco
Starter
$12 /mes
50 análisis con IA (al mes)
- Todo lo de Free
- 50 análisis con IA al mes
- Sugerencias detalladas de corrección de CSS
- Exportación de informes en PDF
- Cola de análisis prioritaria
- Soporte por correo electrónico
POPULAR
Pro
$29 /mes
200 análisis con IA (al mes)
- Todo lo de Starter
- 200 análisis con IA al mes
- Análisis de páginas por lotes
- Configuración de reglas personalizadas
- Uso compartido en equipo
- Soporte prioritario
Agency
$79 /mes
500 análisis con IA (al mes)
- Todo lo de Pro
- 500 análisis con IA al mes
- Informes de marca blanca
- Acceso a la API
- Integraciones personalizadas
- Soporte dedicado
Enterprise
A medidaPara equipos grandes
Volumen de análisis a medida Garantías de SLA SSO y seguridad avanzada Gestor de cuenta dedicado Integraciones personalizadas
Del fundador
Por qué construí PxGuard
Una y otra vez publicaba sitios que se veían perfectos — y después aparecía un desfase de 2px en el espaciado, un encabezado que se saltaba un nivel, o un botón que un lector de pantalla ni siquiera podía nombrar. El problema es que estos errores son invisibles en el navegador. No ves los márgenes. No escuchas una etiqueta que falta. Para cuando alguien lo reporta, ya lleva semanas en producción.
Construí PxGuard para hacer visible lo invisible — para poner las herramientas de inspección y un revisor con IA directamente sobre la página, y que lo que el ojo no ve se detecte antes de publicar. Es la herramienta que ojalá hubiera tenido en cada proyecto.
Sebastián Molinari
Fundador de PxGuard
FAQ
Preguntas frecuentes
¿PxGuard envía mi página a sus servidores?
Las herramientas de superposición gratuitas funcionan 100% en tu navegador — nada sale de tu equipo. Solo cuando haces clic en “Ejecutar análisis con IA”, PxGuard envía una instantánea estructurada de la página (estructura del DOM, estilos computados y datos de accesibilidad — no capturas de pantalla ni tus archivos fuente) a nuestra API para analizarla. Nunca vendemos ni compartimos tus datos.
¿Qué ve exactamente la IA?
Una instantánea estructurada de la página renderizada: selectores de elementos, valores de CSS computados, estructura de encabezados, atributos ARIA y metadatos de imágenes. No recibe tu código fuente, tu repositorio, cookies, capturas de pantalla ni nada que escribas. El contenido tiene un tamaño limitado y se usa únicamente para generar tu informe.
¿PxGuard es realmente gratis?
Sí. Todas las herramientas de inspección por superposición son gratis para siempre — sin tarjeta de crédito y sin cuenta. Los análisis con IA están en los planes de pago desde 12 USD al mes, y tienes un análisis con IA gratis para probar el informe completo primero.
¿Necesito crear una cuenta?
No necesitas cuenta para las herramientas de superposición gratuitas — instala y empieza a inspeccionar de inmediato. Solo se requiere una cuenta para ejecutar análisis con IA, para poder llevar el control de tu saldo de análisis.
¿Qué navegadores son compatibles?
PxGuard está hecho para navegadores basados en Chromium — Chrome, Edge, Brave y Arc. Todavía no hay una versión para Firefox.
¿Funciona en localhost y en entornos de staging?
Sí. PxGuard funciona en cualquier página que tu navegador pueda abrir — incluidos localhost, entornos de staging y herramientas internas protegidas con contraseña. Tu página nunca tiene que ser pública.
¿En qué se diferencia de DevTools, Lighthouse o axe?
DevTools inspecciona un elemento a la vez, Lighthouse te da puntuaciones y axe verifica reglas de accesibilidad. PxGuard es visual y transversal: superpone espaciado, tipografía y accesibilidad sobre toda la página a la vez, y su revisor con IA explica cada problema en lenguaje claro con la corrección de CSS exacta — como un revisor senior, no solo una lista de aprobado/reprobado.
¿Puedo usar PxGuard para trabajos de clientes y comerciales?
Por supuesto. Muchos usuarios usan PxGuard en proyectos de clientes. Los planes de pago escalan con tu volumen, y el plan Agency añade informes de marca blanca y acceso a la API para equipos que gestionan muchos sitios.
¿Los resultados del análisis con IA son siempre idénticos?
Casi. El análisis con IA de PxGuard está ajustado para ser consistente: volver a escanear una página sin cambios te da el mismo puntaje y hallazgos casi siempre. Como el análisis lo genera una IA, los casos borderline pueden variar levemente de vez en cuando, pero los resultados centrales se mantienen estables.
Deja de adivinar.
Empieza a saber.
Gratis para siempre para la inspección manual. Los análisis con IA desde 12 USD al mes.