Tokens de diseño
Combina los estilos del sitio web en un solo sistema de diseño sin trabajo manual
Ventajas
Análisis rápido de múltiples páginas
El servicio procesa docenas de páginas simultáneamente, extrayendo todos los valores CSS en una sola estructura. Ya no necesitas cambiar entre pantallas para encontrar las variables que necesitas.
Análisis seguro sin acceso al servidor
El análisis se realiza en el lado del cliente: no se requiere acceso al código o la base de datos del sitio. Solo estilos CSS públicos.
Automatización de tareas rutinarias
Olvídate de copiar manualmente colores, fuentes y sangrías. El servicio escanea automáticamente las páginas especificadas y recopila todos los tokens CSS en un solo archivo, ahorrando horas de tiempo de desarrollo.
Escalabilidad y soporte
Rastrea variables no utilizadas, identifica duplicados y mantiene tu sistema de diseño actualizado a medida que tu proyecto escala. Adecuado para soluciones empresariales.
Cómo funciona
Herramientas
FAQ
El servicio recopila tokens CSS: colores, fuentes, tamaños, sangrías, sombras, puntos de interrupción. Todos los valores se estructuran por categoría para facilitar su uso.
El sistema detecta automáticamente duplicados y proporciona una elección de prioridades: por frecuencia de uso, por fuente (dominio principal por encima) o por reglas del usuario. Todos los conflictos se muestran en un informe separado.
La herramienta te permite comparar los valores CSS actuales con el sistema objetivo, identificar conflictos y migrar estilos gradualmente. Recibes un informe sobre las diferencias y recomendaciones para la adaptación.
Sí, puedes especificar selectores, excluir ciertas clases o dominios, y configurar la prioridad de las fuentes de estilo. Esto es especialmente útil al trabajar con código heredado o bibliotecas de terceros.
Sí, en la configuración del análisis, puedes establecer un valor umbral para la frecuencia de uso. Por ejemplo, puedes establecer una regla para incluir solo propiedades CSS que aparezcan en 3 o más páginas del sitio. Esto ayuda a eliminar estilos aleatorios o de prueba, enfocándote en valores verdaderamente sistémicos. También puedes establecer la regla opuesta: excluir estilos básicos que se repiten frecuentemente (como sangrías estándar o colores de enlaces) para que solo queden variables componentes significativas en los design tokens finales.