Diez

Diez makes it easy to adopt a unified design language across codebases, platforms, and teams.

Design Token Components

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.

Cross-Platform Native Compiler

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.

Design File Extractors

Diez includes command-line tools for extracting normalized, strongly typed styles and images from many modern design tools.

Hot Updates

The Diez compiler ships with a hot mode, which allows for hot updates at development time — even inside native iOS and Android apps.

Documentation Generator (coming soon)

From code comments and static analysis, Diez can automatically build customizable, ready-to-deploy documentation for your design system. This is not yet available as part of Early Access, but it will be shipping soon!