设计令牌（Design Token）生成器

• 免费在线的设计令牌（Design Token）生成与编辑工具，可可视化编辑颜色、排版、间距、圆角、阴影等设计系统令牌
• 实时生成 CSS 变量、SCSS 变量、JSON 和 Tailwind CSS 配置代码，可一键复制，助力设计系统快速搭建

1. 打开本工具页面，无需下载或安装
2. 编辑各类设计令牌：调整颜色（含自动色阶）、字体族 / 字号 / 字重 / 行高、间距、圆角与阴影等数值
3. 代码随编辑实时更新；切换 CSS / SCSS / JSON / Tailwind 标签预览，点「复制 / 复制全部」复制到剪贴板，或点「重置默认」恢复初始值

• 本工具完全免费，无需注册登录即可使用
• 所有处理均在浏览器本地完成，不会上传你的数据

免费在线设计令牌生成工具，支持颜色、排版、间距、圆角、阴影等设计系统令牌的可视化编辑。实时生成 CSS 变量、SCSS 变量、JSON 和 Tailwind CSS 配置代码，一键复制，助力设计系统快速搭建。

打开本工具页面，无需下载或安装 编辑各类设计令牌：调整颜色（含自动色阶）、字体族 / 字号 / 字重 / 行高、间距、圆角与阴影等数值 代码随编辑实时更新；切换 CSS / SCSS / JSON / Tailwind 标签预览，点「复制 / 复制全部」复制到剪贴板，或点「重置默认」恢复初始值

本工具完全免费，无需注册登录即可使用 所有处理均在浏览器本地完成，不会上传你的数据

设计令牌（Design Token）生成器完全免费，无需下载安装，打开网页即可在浏览器中直接使用。