[Feature request] Theme/Token Exporter

[ThijsZijdel]

A theme/token exporter that seamlessly Integrates with the visual and UI modules of devtools-x

Context

As a developer (/designer), I need a tool to efficiently manage and export design themes and tokens in various formats. Additionally, having a typography scale creator and previewer will streamline the design process.

Scope

• Export Options: Export themes and tokens in multiple formats (e.g., JSON, SCSS, CSS, PHP).
• Typography Scale: Create and preview typography scales for consistent design.

Current progress

Color conversions are mostly ready, currently working on the ui & typography exports.

import {
  cssConverter,
  javascriptConverter,
  jsonConverter,
  phpConverter,
  rawConverter,
  sassConverter,
  scssConverter,
  swiftConverter,
  tailwindConverter,
  tokenConverter,
  typeScriptConverter,
  xmlConverter,
  yamlConverter,
} from "@/utils/tokens/converter";

Preview