Diez
Cross-platform design system framework, making 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.
Related Tools
HTML Sketchapp
HTML Sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.
React Sketch.app
Render React components to Sketch; tailor-made for design systems
Catalog
Combine design documentation with real, live components in one single place, making collaboration between designers and developers seamless.
Storybook
An open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Fractal
Build. Document. Integrate. Powerful component libraries & styleguides that fit the way you work.
Figma
Where teams design together. Design, prototype, and collaborate all in the browser.
Sketch
The industry-leading tool for digital design.
