Diez
Cross-Platform
Design System Framework

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.

ColorColor
NumberNumber
FontFont
Text StyleText Style
ImageImage
AnimationAnimation
handle
diez compiler Diez Compiler
output-arms
SwiftSwift
KotlinKotlin
JavaScriptJavaScript
ObjectiveCObjective-C
JavaJava
TypeScriptTypeScript
SassSass
StorybookStorybook
VueVue
ReactReact
AngularAngular
ExtensibleExtensible

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.

Design File Extractors: Sketch, Illustrator, Figma, InVision DSM

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!

docs

We'd love your feedback!