Recontent

Recontent organiza el sistema de diseño en tres capas tipadas: los tokens de referencia guardan el vocabulario en bruto (valores y escalas de color), los de sistema describen el significado y los de componente recogen decisiones propias de un componente. Como cada capa apunta a la inferior, los alias se mantienen hasta la salida compilada: cambiar el significado en un punto arrastra todos los botones, enlaces y superficies.

Los plugins convierten los tokens en archivos. Un plugin lee el registro de tokens resuelto y devuelve archivos, así que una misma configuración puede emitir variables CSS, temas de Tailwind v4, defineVars de StyleX, JSON DTCG para Figma/Tokens Studio, páginas de documentación, Swift para iOS o TypeScript propio. Los temas son de primera clase: un modo oscuro cambia unos pocos colores de sistema y un rebranding cambia toda la paleta de referencia sin tocar los componentes.

La seguridad viene de recontent diff, que compara tus tokens con cualquier revisión de git y distingue un renombrado de una eliminación y un cambio de valor de uno rompedor, de modo que CI puede bloquear una pull request que rompería consumidores. Empezar es un ciclo corto: instalar el paquete, crear la configuración con recontent init, añadir un plugin y ejecutar recontent build.

Conviene notar que recontent.app se presentaba antes como una herramienta open source de copy de producto y localización para equipos de producto; el producto actual en el dominio es una herramienta de compilación de tokens de diseño y la portada ya no ofrece un producto de copy de producto independiente.