Exportar
Snapshot de la selección actual.
Menú Exportar del header. Requiere primary, background y on-background. Descarga archivos listos; no sincroniza cambios posteriores.
Formatos
- CSS variables — custom properties light/dark.
- Design tokens (JSON) — W3C / Style Dictionary.
- Figma (Tokens Studio) — JSON para import manual (no es plugin).
- DESIGN.md — guía Markdown para el repo.
- Brand kit (.json) — paleta, roles, tipografía y DESIGN.md embebido.
Tras descargar
- Mensaje de confirmación (ej. «tokens.css descargado»).
- Versiona el archivo junto al código que lo consume.
Ejemplo
.button-primary {
background: var(--color-primary);
color: var(--color-on-primary);
}