Generador de design system
Configurá nombre, personalidad, fuentes curadas, una paleta completa con escalas de 11 shades, radios, sombras, espaciado y breakpoints. Mirá el resultado en vivo sobre una UI real y exportá DESIGN.md, tokens JSON, variables CSS y el bloque @theme de Tailwind v4. El documento incluye tablas de contraste WCAG y reglas de uso (do's y don'ts) para que Cursor, Copilot o cualquier agente genere interfaces consistentes. Todo local, sin subir nada.
100% local
El procesamiento ocurre en tu navegador. Nada viaja a un servidor.
Recibe artefactos
Importa paletas desde la bandeja compartida, sin volver a subir nada.
Publica artefactos
Lo que genera (tokens de diseño) queda en la bandeja para otras herramientas.
Seguí explorando
Easing Lab
Curvas cubic-bezier editables con preview real, biblioteca curada y export a CSS, Tailwind y SCSS.
Shadow Lab
Sombras multicapa creíbles a partir de una dirección de luz, exportadas como CSS y tokens.
Color Scale Gen
De un hex a una escala completa 50→950 interpolada en OKLCH, con matriz WCAG y export a tokens.