Las tablas de temas de @logic2b/tokens son la única fuente para los tokens de
diseño web y nativos. Un id de preset creado en /create resuelve los mismos
roles semánticos claros y oscuros en todas las plataformas.
Artefactos predeterminados publicados
El tema por defecto se genera con Style Dictionary 5.5.2 fijado exactamente y se sirve como artefactos estáticos con integridad basada en contenido:
| Artefacto | Ruta |
|---|---|
| Manifiesto e integridad SHA-256 | /tokens/default/manifest.json |
| Fuente portable con forma DTCG | /tokens/default/logic2b.tokens.json |
| Tokens Studio / Variables de Figma | /tokens/default/logic2b.tokens-studio.json |
| Propiedades CSS personalizadas | /tokens/default/logic2b.css |
| Recursos Android claros | /tokens/default/android/values/logic2b_tokens.xml |
| Recursos Android oscuros | /tokens/default/android/values-night/logic2b_tokens.xml |
| Tokens iOS claros | /tokens/default/ios/Logic2bLightTokens.swift |
| Tokens iOS oscuros | /tokens/default/ios/Logic2bDarkTokens.swift |
CSS conserva los colores OKLCH originales. Las salidas nativas usan
conversiones sRGB deterministas y limitadas al gamut: Android recibe recursos
values y values-night, e iOS clases UIColor claras y oscuras. El radio se
convierte de 0.625rem a 10 puntos de plataforma. Las pilas tipográficas se
mantienen en JSON y CSS porque registrar una fuente nativa depende de la app.
Variables de Figma mediante Tokens Studio
Usa logic2b.tokens-studio.json como fuente de almacenamiento en un único
archivo para el
plugin Tokens Studio para Figma.
El artefacto sigue el
formato W3C DTCG del plugin
y contiene los conjuntos global, light y dark. Sus dos registros de tema
comparten el grupo Logic2b, para que el plugin pueda convertirlos en una
colección de Variables de Figma con los modos Light y Dark.
Para sincronizar desde GitHub, configura el repositorio
amariner/logic2b-ui, la rama main y el archivo
apps/web/public/tokens/default/logic2b.tokens-studio.json; después recupera
los conjuntos y temas. También puedes descargar el archivo público desde la
tabla anterior e importarlo localmente. Usa el artefacto genérico
logic2b.tokens.json cuando el consumidor no necesite metadatos de Tokens
Studio.
Exporta cualquier preset mediante MCP
Llama a export_tokens con un id de preset de /create, o con las mismas
opciones explícitas que acepta apply_preset:
{
"preset": "<preset-id>"
}La respuesta incluye el paquete portable y el contrato equivalente para Tokens
Studio. Ambos usan global para radio y tipografía, más light y dark para
colores semánticos. Entrega el paquete genérico a Style Dictionary u otro
pipeline compatible con DTCG; usa tokensStudio para un preset personalizado
en Figma.
Regenera desde el repositorio
Los contribuidores pueden emitir los artefactos predeterminados o un preset personalizado en otro directorio:
pnpm --filter @logic2b/tokens build
pnpm --filter @logic2b/tokens build -- --preset <preset-id> --out-dir ./build/tokensEl build es determinista. CI verifica cada archivo contra el manifiesto SHA-256 y contra las tablas de tokens compartidas actuales.