Design tokens

Flattens nested design tokens into CSS custom properties, SCSS, JSON or a JS module with flat names.

Fill in the fields, run the tool and review the result. Your input is not added to a public page. Use the learning mode for calculation details.