整理一组用于设计系统落地的组件库与规范管理工具，覆盖设计稿、Token、文档、预览与交付等环节，并在每条工具后标注授权提示，便于快速筛选。
需看协议：适合做组件库、变体与协作评审；团队功能与商用权限以订阅与条款为准。
工具地址：https://penpot.app/
需看协议：开源的设计与原型工具，可自托管；用于商业项目时关注部署方式与许可证范围。
工具地址：https://storybook.js.org/
免费商用：前端组件开发与可视化调试常用工具；配合文档与交互测试更适合做“可运行的设计系统”。
工具地址：https://www.chromatic.com/
需看协议：为 Storybook 提供云端预览与视觉回归测试；计费与使用范围以官方条款为准。
需看协议：把设计与文档整合成可维护的规范站点；适合组件说明、用法示例与版本记录。
工具地址：https://www.frontify.com/
需看协议：品牌与设计系统管理平台，强调资产管理与协作审批；企业商用按合同与条款执行。
工具地址：https://www.supernova.io/
需看协议：设计系统的文档、Token 与多端代码导出一体化；导出格式与集成能力以订阅方案为准。
需看协议：设计 Token 管理与跨工具同步；商用与团队协作权限以官方方案与条款为准。
需看协议：在 Figma 内管理 Token（颜色、字号、间距等）并导出；注意插件许可、导出用途与团队协作规则。
工具地址：https://amzn.github.io/style-dictionary/
免费商用：Token 构建与多端输出工具，可把同一套变量编译到 Web/iOS/Android；适合工程化落地。
需看协议：面向设计系统的协作开发环境，支持组件与文档共存；计费与使用范围以条款为准。
工具地址：https://www.uxpin.com/merge
需看协议：把真实代码组件带进设计工具做交互与评审；适合强一致的设计-开发流程，授权与集成按方案执行。
