Home » Tools »

Diez Diez

Cross-platform design system framework, making it easy to adopt a unified design language across codebases, platforms, and teams.

Design systems

Visit site »

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.


UX Lift newsletter

Join with hundreds of other creatives and get a roundup of the best UX articles, resources and tools every week.

Get the newsletter


Alternatives to Diez

Abstract

One place to version, manage, and collaborate on your Sketch files.

Design version control Handoff Design systems

Catalog

Combine design documentation with real, live components in one single place, making collaboration between designers and developers seamless.

Web development Design systems

Figma

Where teams design together. Design, prototype, and collaborate all in the browser.

Design systems Visual design Prototyping Collaboration Handoff

Fractal

Build. Document. Integrate. Powerful component libraries & styleguides that fit the way you work.

Web development Design systems

HTML Sketchapp

HTML Sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.

Design systems Design-to-code Web development

React Sketch.app

Render React components to Sketch; tailor-made for design systems

Design-to-code Design systems Web development

Sketch

The industry-leading tool for digital design.

Visual design Prototyping Design systems

Storybook

An open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

Web development Design systems