Design Tokens

Genera el archivo tokens.json de tu Design System con especificación W3C — colores OKLCH, tipografía, spacing, grid, motion y más.

En unos pocos minutos tendrás los tokens de tu design system listo para usar en tu proyecto de Figma.

W3C Design Tokens OKLCH · WCAG AA/AAA 100% en el navegador

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.

12 pasos

🎛 Modo customizado

Personalizamos juntos cada categoría: colores, tipografía, spacing, grid, motion, shader y más.