Define y genera los tokens de tu Design System en formato W3C (JSON), desde un modo rápido o un flujo personalizado, con soporte para color perceptual (OKLCH), tipografía, spacing, grid y motion. Además de validaciones de accesibilidad en color con WCAG y APCA en el showcase interactivo.
Elige cómo empezar
4 preguntas
⚡ Modo rápido
Dame el nombre, color primario, gris base y tipografía. El resto lo derivo automáticamente con defaults inteligentes.
11 pasos
🎛 Modo customizado
Personalizamos juntos cada categoría: colores, tipografía, spacing, grid, motion y más.
Paso
Paso 1/4
Rápido
Tokens generados
Tokens totales
—
Archivo
—