设计系统做大后，最容易卡在三件事：Token 分散在多个文件里难以追踪；组件示例与文档跟不上迭代；上线前缺少自动化校验与可视化回归。下面这份工具清单按“Token 管理 -> 组件文档 -> 评审/测试 -> 发布流水线”整理，适合用来搭一套可持续维护的组件库工作流。
工具地址：https://storybook.js.org/
免费商用：开源组件工作台，用来展示/调试组件状态、文档与交互；生态成熟，适合做组件库的“单一入口”。
工具地址：https://www.chromatic.com/
需看协议：Storybook 官方团队的可视化回归测试与发布平台，能在 PR 中自动生成预览并做 UI Diff，适合把“视觉回归”纳入流水线。
工具地址：https://ladle.dev/
免费商用：轻量级的组件预览/文档工具，启动快、配置少；适合中小型项目或想替代部分 Storybook 场景。
免费商用：文档站生成器，适合承载设计系统规范（原则、用法、文案、无障碍、代码示例）并与组件库版本绑定发布。
需看协议：面向设计系统的文档/协作平台，可与设计稿、组件与规范链接；适合非工程团队也要参与维护的场景。
需看协议：把组件、Token 与文档放在同一套工作区里协作，支持在线编辑与预览；适合多团队共建设计系统。
需看协议：常用的设计 Token 管理工具（含 Figma 插件与同步能力），适合把颜色/字号/间距等 Token 标准化并导出到工程。
工具地址：https://amzn.github.io/style-dictionary/
免费商用：Token 构建工具，可将同一份 Token 转成 iOS/Android/Web 等多端格式；适合做“设计到代码”的中间层。
需看协议：主打 Token 管理与多端交付，帮助团队把设计变量集中管理并同步到代码仓库，减少手工维护成本。
工具地址：https://percy.io/
需看协议：可视化测试平台，支持对页面或组件截图做差异对比；适合在组件库升级或样式改动频繁时守住质量底线。
工具地址：https://bit.dev/
需看协议：组件化交付与复用平台，强调组件版本、依赖与跨项目分发；适合多仓库、多产品线共享组件的团队。
工具地址：https://penpot.app/
免费商用：开源设计工具，可自建部署；当团队希望设计资产与组件文档协作不被单一商业工具绑定时，它是一个可选方向。
