設計令牌（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）生成器完全免費，無需下載安裝，開啟網頁即可在瀏覽器中直接使用。