amzn/style-dictionary
Style Dictionary
Style Dictionary este un generator de stiluri cross-platform și un sistem de build pentru design tokens. Convertește o singură sursă de variabile de design în mai multe formate de output și fișiere specifice platformei pentru a menține o sursă unică de adevăr (source of truth) în diferite interfețe.
Sistemul funcționează ca un orchestrator de stiluri multi-format care îmbină surse modulare de token-uri și le transformă pe baza cerințelor platformei țintă. Utilizează o interfață de transformare scriptabilă pentru a modifica valorile și numele token-urilor, permițând automatizarea stilurilor sistemului de design pentru aplicații web, iOS și Android.
Procesul de build este bazat pe configurare, utilizând un obiect central pentru a mapa seturile de token-uri la regulile de transformare și output. Utilizează o mapare de reprezentare intermediară pentru a menține token-urile sursă agnostice față de platforma finală, folosind în același timp adaptoare de format pluggable pentru a defini modul în care token-urile procesate sunt scrise în destinații specifice.
Features
- Design Tokens - Converts a single source of design variables into multiple platform-specific formats to ensure visual consistency.
- Design Token Exporters - Manages design variables and exports them to platform-specific formats like Tailwind, CSS, or JSON.
- Platform Build File Generators - Generates platform-specific styled output files in various formats based on a central configuration.
- Cross-Platform Style Generators - Acts as a generator that converts a single source of design variables into multiple output formats for various platforms.
- Design Token Transformers - Transforms raw design data into the specific naming conventions and value formats required by various development environments.
- Token Merging - Combines multiple modular design token source files into a single unified set to maintain a consistent source of truth.
- Design Token Systems - Provides a comprehensive system for managing design properties through hierarchical variables and platform-specific build processes.
- Design System Automation Tools - Automates the conversion of design tokens into platform-specific code to maintain consistency across different products.
- Cross-Platform Styling - Provides an architecture to define global style variables once and apply them across web, iOS, and Android platforms.
- Format Adapters - Provides pluggable format adapters that allow developers to define custom output file types and destination paths.
- Build Configuration Architectures - Implements a configuration-driven architecture using JSON or JS to map design tokens to specific output rules.
- Value Transformations - Provides transformation functions to modify token values and names based on the requirements of the target platform.
- Sequential Transformation Pipelines - Processes design tokens through a strict sequential pipeline of functions to modify values and names.
- Style Orchestrators - Functions as an orchestrator that merges modular token sources and exports them into multiple destinations via central configuration.
- Intermediate Representations - Uses an intermediate representation to decouple source design tokens from the final platform-specific output formats.
- Scriptable Processing Pipelines - Exposes a scriptable interface for injecting custom logic into the sequential token transformation pipeline.
- Build Logic Extensions - Allows developers to extend build logic via custom scripts for project-specific data transformations and output formats.
- Design Token Management - Cross-platform build system for managing design tokens.
