从零搭一套规范，动辄大半天；改一次主色，又得从头重来。这不只是效率，更是一致性。
主色定了，可悬停、按下、浅底、描边色全靠手调，10 个梯度调到崩溃，跨色相还深浅不一。
Light 一套、Dark 再来一套，对比度全凭肉眼，等用户反馈"暗色看不清"才发现翻车。
Figma 里一个值、代码里另一个值、文档里第三个值。改一处，三处忘同步。
品牌色一换，色板、语义色、组件状态全部要重算重铺，一天就没了。
把"手搓规范、反复对齐、改色重来"的活，压缩成几次点击。
输入主色，色板、字阶、间距、阴影、明暗一整套排版规范秒级生成，告别手搓 2 小时、从空白文档一点点搭。
改个主色，整盘色板与语义色自动重算——过去要重铺一整天的活，现在几秒搞定。
插件一键生成变量集合（明暗双模式）、文本/效果样式与可视化规范页，不用再手动一个个建。
内置完整提示词 + 全套规范，下载直接发给 AI，它就能严格照你的规范产出 UI，不跑偏。
Light / Dark 两套主题一次出，文字/背景对比度实时校验，可访问性内建而非事后补。
色彩 / 语义色 / 辅助色 / 字阶 / 间距 / 圆角 / 阴影 / 透明度 / 动效——九大类，一个都不落。
已经有设计稿了？选中画板就能反向提取——自动审计散落的颜色 / 字号 / 圆角 / 间距，聚类成干净的两层令牌并绑定变量。全程只读审计，改动只发生在副本上，原稿零风险。
选中画板，散落的颜色 / 字号 / 圆角 / 间距自动盘点清楚——只读不改，原稿零风险。
十几种字号、一堆近似色自动去重，整理成「基础色 + 语义色」两层规范。
图层自动绑好变量、生成规范页；改主色一键全局生效，不用重铺一整天。
一份令牌，四个方向同时落地，彻底告别"对不齐"。
设主色、场景、明暗与策略，中间区实时预览全部令牌。
JSON / CSS / Less / TS / Tailwind / DTCG，一键复制或下载。
插件一键创建变量集合、文本/效果样式，并生成可视化规范页。
导出 AI JSON（规范即提示词），让 AI 严格按规范产出 UI。
面向真实工程管线与设计工具，标准化、可互操作。
从同一份令牌生成多种格式：直接塞进代码库，或交给 Style Dictionary / Tokens Studio 等生态。
把规范一键搬进 Figma，并保持长期对账，不留重复与孤儿。
令牌定义一次、多端派生，从根上杜绝不一致与重复维护。
WCAG 对比度实时校验，深浅模式都有足够层次，而非事后补救。
规范即提示词：把使用规则与组件目录打包给 AI，产出更合规。
OKLCH 引擎让整盘跨色相深浅一致，换辅助色不必重新手调。
零安装、零上传，数据留在你自己的浏览器里。
核心生成与导出逻辑有回归测试守护，迭代不退化。
色彩 · 字阶 · 间距 · 圆角 · 阴影 · 明暗 · 动效，九大类一次到位；浏览器打开即用，无需安装、无需注册。
Figma 插件因含 Light / Dark 双模式变量，需 Figma 付费账号才能使用（教育会员即可）；网页工具本身完全免费。
插件目前为本地安装（尚未发布到 Figma 社区）。下载后按下面步骤导入即可使用。
figma-plugin 文件夹。Plugins → Development → Import plugin from manifest…figma-plugin/manifest.json。Cmd + / 搜索「Design System」运行插件。运行插件后，标题「Design System v2」旁会显示版本号；与上方 v2.1.0 一致即为最新版。需要 Figma 桌面端；网页版不支持开发插件导入。