Use TypeScript to compose design tokens into deeply customizable, reusable, and developer-friendly Design Token Components.
Design Token Components enable a “write once, use anywhere” paradigm for your design language, across codebases.
More precisely a transpiler: Diez builds your TypeScript component definitions into pure native SDKs for iOS, Android, and the Web — complete with type definitions and autocomplete.
Diez works with your codebase(s): Diez carries zero opinions about rendering, requires no runtime or VMs, and is designed for progressive adoption.
Diez includes command-line tools for extracting normalized, strongly typed styles and images from many modern design tools.
The Diez compiler ships with a
**hot** mode, which allows for hot updates at development time — even inside native iOS and Android apps.
Combine design documentation with real, live components in one single place, making collaboration between designers and developers seamless.
Build. Document. Integrate. Powerful component libraries & styleguides that fit the way you work.