Recontent

O Recontent organiza o design system em três camadas tipadas: tokens de referência guardam o vocabulário bruto (valores e escalas de cor), tokens de sistema descrevem o significado e tokens de componente registram decisões de um componente específico. Como cada camada aponta para a de baixo, os aliases sobrevivem até a saída compilada: mudar o significado em um lugar move todos os botões, links e superfícies.

Os plugins transformam tokens em arquivos. Um plugin lê o registro de tokens resolvido e devolve arquivos, então a mesma configuração pode emitir variáveis CSS, temas do Tailwind v4, defineVars do StyleX, JSON DTCG para Figma/Tokens Studio, páginas de documentação, Swift para iOS ou TypeScript próprio. Temas são cidadãos de primeira classe: o modo escuro troca algumas cores de sistema e um rebranding troca toda a paleta de referência sem tocar nos componentes.

A segurança vem do recontent diff, que compara os tokens com qualquer revisão do git e distingue renomeação de remoção e mudança de valor de mudança quebrantável, permitindo que o CI bloqueie um pull request que quebraria consumidores. O começo é um ciclo curto: instalar o pacote, criar a configuração com recontent init, adicionar um plugin e rodar recontent build.

Vale notar que o recontent.app se apresentava antes como ferramenta open source de copy de produto e localização para times de produto; o produto atual no domínio é uma ferramenta de build de tokens de design e a home não oferece mais um produto separado de copy de produto.