Auditoría de Design System — Mide tu deuda | QA Proof Skip to main content
Auditoría de Diseño

Descubre cuánto se ha desviado tu design system

QA Proof extrae los design tokens que realmente se usan en tus páginas publicadas, mide su consistencia y convierte el resultado en un único Design Debt Score que puedes seguir en el tiempo.

Plan gratuito disponible · Sin tarjeta de crédito

Design Debt: 18%
Consistencia de color
85
Sistema tipográfico
78
Sistema de espaciado
82
Reutilización de componentes
88

Los design systems se degradan excepción a excepción

Nadie decide tener catorce tonos de gris y nueve tamaños de fuente. Ocurre con una entrega con prisas por aquí y un componente puntual por allá. Cuando por fin se nota, ya está repartido por todo el código y nadie sabe cuantificar hasta qué punto ha empeorado.

Cómo funciona

1

Introduce tu URL

Apunta QA Proof a una página publicada. No hay nada que instalar ni hace falta acceso a tus archivos de diseño.

2

Se extraen los tokens

Colores, escalas tipográficas, valores de espaciado y patrones de componentes se leen del DOM renderizado.

3

Recibe tu Design Debt Score

Una cifra, cuatro categorías desglosadas y los valores concretos que merece la pena consolidar.

Qué mide la auditoría

Extracción automática de tokens

Lee los valores que se renderizan de verdad en el navegador, no los que la guía de estilo dice que deberían estar.

Análisis de paleta de color

Saca a la luz los colores casi idénticos que deberían unificarse en un solo token.

Análisis tipográfico

Mapea cada tamaño, grosor y altura de línea en uso frente a una escala coherente.

Consistencia del espaciado

Encuentra los márgenes y paddings puntuales que se salen de tu escala de espaciado.

Reutilización de componentes

Destaca los patrones repetidos que se han vuelto a construir en lugar de compartirse.

Design Debt Score

Una única cifra que puedes seguir en el tiempo, para enseñar la tendencia en vez de discutir con anécdotas.

Quién lo usa

Responsables de design systems

Convierte el "el sistema se está desviando" en una cifra sobre la que tus stakeholders sí actuarán.

Líderes de ingeniería

Justifica el trabajo de refactor con deuda medida en lugar de con una corazonada.

Equipos ante un rediseño

Ten claro qué estás arrastrando antes de empezar a reconstruir.

Preguntas frecuentes

Un único porcentaje que resume cuánto se alejan los valores en uso de un conjunto coherente de tokens, calculado sobre color, tipografía, espaciado y reutilización de componentes. Cuanto más bajo, mejor, y seguir su evolución importa más que la cifra absoluta.
No. La auditoría lee los tokens que realmente se renderizan en el navegador, y por eso detecta desviaciones que una revisión del archivo de diseño pasaría por alto.
Un linter comprueba tu código fuente contra las reglas que tú escribiste. Esto mide lo que tus usuarios ven realmente, después de aplicarse todos los overrides, la cascada y los estilos de terceros.
Cada categoría enumera los valores concretos que conviene consolidar: por ejemplo, cinco grises que se diferencian en unos pocos puntos porcentuales y deberían ser un único token.
Alrededor de 20 segundos por página.

Mide tu deuda de diseño

Plan gratuito, sin tarjeta, tu puntuación en unos 20 segundos.

Empezar gratis