Design tokens are all the values needed to construct and maintain a design system — spacing, color, typography, object styles, animation, etc. — represented as data. These can represent anything defined by design: a color as a RGB value, an opacity as a number, an animation ease as Bezier coordinates. They’re used in place of hard-coded values in order to ensure flexibility and unity across all product experiences. Adobe
Building components
- 📚 Style Dictionary A Style Dictionary uses design tokens to define styles once and use those styles on any platform or language.
Maintaining the package
- 📦 GitHub Package Registry for packaging and distribution
- 🚢 semantic-release-action semantic-release action to publish a npm package see here for more info
- 🚥 GitHub Actions Continuous integration