Animation showing Diez in action

The Design Language Framework

Diez radically reduces the cost of delivering a consistent visual identity across your company’s apps & websites.

Get Started Enterprise Edition

What is Diez?

Diez is a free & open-source developer toolkit for expressing visual styles that can be shared across codebases, native platforms, and teams.

Diez comes in three parts:

1. Design language framework

Use TypeScript to compose design tokens into scalable and extensible collections of styles, themes, and visual guidelines. Your brand identity fits right here — as code.

From colors to typography, drop shadows to border radii, gradients to usage guidelines, logos to icons: if you can imagine it, you can express it in Diez.

diez compiler

2. Cross-platform native compiler

Build any Diez project into pure native libraries for iOS, Android, or Web, ready for any new or existing codebase.

Optimized for native-developer ergonomics — with autocomplete, inline documentation, and package manager support for iOS, Android, and Web: Diez makes it easy for everyone to rally around a common design language.

3. Design file extractors

Diez Extractors compile design files into Diez-ready TypeScript — pulling colors, typography, image assets and more right out of your favorite design tools.

Automate your design-to-development workflow by treating design files as versionable code artifacts.

Design File Extractors: Sketch, Figma, InVision DSM

Built for Enterprise

Your design system’s missing half

Diez naturally integrates with any UI component solution in the world to help you create a complete design system.

design system design system

Scales like a dream

Import, reuse & reference: great for composing multiple brands with shared assets & styles.

Strongly typed from end-to-end, Diez scales to thousands of files, hundreds of codebases, and dozens of teams without skipping a beat.

Infinitely customizable

Diez is built around plugins: from the platforms it supports to the kinds of data you can express. No matter the requirements of your design system — whether you’re wrangling one brand or a hundred — you can customize Diez to fit your needs.

Community & Enterprise Editions

Diez is available in two editions: the free and open source Diez Community Edition with everything you need to create your design language source of truth — and Diez Enterprise Edition with exclusive access to DocsGen, customizable commercial licensing, and other enterprise value-adds.

Community Edition

  • Design language framework
  • Diez Compiler
  • Design file extractors
  • Open source license
Get Started

Enterprise Edition

  • Design language framework
  • Diez Compiler
  • Design file extractors (Including support for InVision DSM)
  • DocsGen Add-on
  • Commercial license
  • Support, Integration, & Training
Get in Touch