Tool Platform
Workspace

Design Token Generator

设计工具

Design Token Generator

从 CSS/JSON 提取设计 Token,生成颜色、间距、阴影等统一规范。

本地简单运行
运行方式
本地简单运行
标签
design-tokencssvariablesdesign-system
工具标识
design-token-generator
Worker
无需启用
权限
无需额外权限

使用指南

开始使用

从 CSS/JSON 提取设计 Token,生成颜色、间距、阴影等统一规范。适合在浏览器里快速完成输入、预览、检查和复制结果。

使用步骤

  1. 按页面字段输入、粘贴或导入需要处理的内容。
  2. 根据场景调整参数,查看实时预览、统计、提示或生成结果。
  3. 复制、导出或记录结果,并在真实环境中复核关键配置。

使用例子

  • 使用Design Token Generator处理一次日常工作流。
  • 把生成结果复制到文档、工单、配置或测试数据中继续使用。

加载中

Design Token Generator

工具微前端加载中。

Design Token Generator | Tool Platform