Ship your design tokens without managing infrastructure

No configuration needed — just add data and press button to publish!

Get started - it's free during beta

How it works?

Create

Our WYSIWYG tool makes it easy to create and organize your design tokens.

Options

Use options (like $color-grey-10) to build your visual identity.

Decisions

Make design decisions by applying options to contexts (like $background-color-light).

Publish

Ship your design tokens by pressing a button.

Semantic versioning

We follow semantic versioning to keep your developers happy.

Downloads

You can also download your design tokens as a json or npm package.

Use

Use your design tokens in code like any npm package.

Plugins for design tools coming later.

NPM or Yarn

Only 5 minute configuration with npm/yarn.

Documentation

We create a shareable docs of your design tokens.

P.S. we support TypeScript

Benefits

Our tool will increase your productivity in many ways.

Designer

Fast and easy start

It takes under a minute to ship your first token. No configuration needed!

Designer

Documentation

Writing documentation is hard. We create shareable documentation page for your design tokens. You just need to share it with your stakeholders.

Designer

Smart versioning

Versioning (done right) helps you to build trust with your design tokens consumers. We follow semantic versioning and create versions based on your changes every time you publish something. That makes your developers happy.

Designer

Flexibility

We provide plugins for Sketch, Figma and Adobe XD, which gives you the ability to use your preferred design tool.

Plugins coming later

Developer

Easy configuration

5 minute configuration with npm/yarn. Then you can use your design tokens in code like any npm package.

Developer

No local repository maintenance

Maintaining your own repository requires skills and time. Let us handle the infrastructure.

Get started - it's free during beta

Pricing

You can use our tool for free during beta.