设计交付这件事，往往不是“把稿子发出去”就结束了：开发需要拿到清晰可复现的尺寸、间距、字号、颜色与状态；测试需要知道某个界面在第几版改了什么；团队还要把切图、图标、组件与规范长期可追溯地沉淀下来。下面这份清单按“标注交付 / 资源导出 / 批注协作 / 版本回溯”四类整理，覆盖从设计到落地的关键环节，你可以按团队规模和技术栈挑选组合。
工具地址：https://www.figma.com
需看协议
Figma 自带的 Inspect 面板适合做基础交付：查看图层属性、颜色、字号、间距、导出资源与 CSS 片段。对中小团队来说，配合组件库和命名规范就能把很多“问来问去”的沟通成本压下去。
工具地址：https://zeplin.io
需看协议
经典的设计交付平台，支持从 Figma/Sketch/XD 导入后生成标注、资源导出与开发指引。适合希望把交付和评审流程独立出来、并在项目间复用交付规范的团队。
工具地址：https://avocode.com
需看协议
面向交付与协作的设计文件查看器，强调跨平台、跨格式预览与标注。对于有历史 PSD/Sketch/XD 等混合文件资产的团队，它能作为统一的“交付阅读器”。
工具地址：https://www.abstract.com
需看协议
专为设计文件做的版本管理与协作平台，适合需要“像 Git 一样”管理设计稿演进的团队。它更偏流程和版本治理：谁改了什么、何时合并、如何回滚，都更清晰。
工具地址：https://plantapp.io
需看协议
把设计文件当作可版本化资产管理，提供分支、提交记录与差异追踪。适合对“多人并行改稿”有强需求的设计团队，尤其是文件较大、改动频繁的场景。
工具地址：https://storybook.js.org
免费商用
前端组件的“可视化说明书”，把组件状态、交互与文档沉淀为可运行的组件库。对设计交付来说，它能让“组件如何实现/有哪些状态”变得可检索、可复用，减少口头解释。
工具地址：https://www.chromatic.com
需看协议
围绕 Storybook 做 UI 回归与可视化差异对比的服务。把“这次改动导致哪个组件 UI 变了”自动化出来，适合建立更稳的交付验收与上线前把关流程。
工具地址：https://backlight.dev
需看协议
设计系统的构建与文档化平台，强调组件、Token、规范与示例的统一管理。适合已经有设计系统雏形、希望把规范从文档升级为“可执行资产”的团队。
工具地址：https://zeroheight.com
需看协议
设计系统文档工具，可把 Figma 组件/样式同步进规范站点。用于“交付口径统一”很实用：设计、开发、测试都能在同一处查到组件用法、边界条件与示例。
工具地址：https://tokens.studio
需看协议
把颜色、字号、间距等 Token 结构化管理，并可导出到不同平台（Web/Flutter/React Native 等）。它让“交付不是截图，而是可同步的参数”，尤其适合多端一致性要求高的产品。
工具地址：https://amzn.github.io/style-dictionary/#/
免费商用
把设计 Token 转换成多端可消费的格式（CSS/JSON/iOS/Android 等）的开源工具。配合 Token 规范，可以让交付从“手抄值”变成自动生成，减少偏差与返工。
工具地址：https://jakearchibald.github.io/svgomg/
免费商用
在线优化 SVG 的常用工具：清理无用节点、压缩体积、检查输出。对于图标交付，它能显著降低前端资源体积，也能避免“同一图标多版本”带来的维护成本。
工具地址：https://iconify.design
需看协议
聚合多套图标库并提供搜索与使用方式（含 Web 组件与 API）。适合在交付阶段快速统一图标来源与命名，避免到处下载散落的 SVG 造成版本混乱。
工具地址：https://pixso.cn
需看协议
国内常见的在线协作设计工具，覆盖设计、原型与交付检查。对需要更顺畅的国内网络环境、或团队已有 Pixso 资产的情况下，它能减少协作门槛并兼顾交付。
工具地址：https://lanhuapp.com
需看协议
面向国内团队的设计交付与协作平台，常见用法是自动生成标注、切图导出与在线评审。适合“设计-开发-产品”链路较长、需要一个统一交付入口的团队。
工具地址：https://www.invisionapp.com
需看协议
提供设计稿标注与资源导出能力（产品线会有调整，以官网为准）。如果你的团队历史上已经沉淀了 InVision 的项目协作流程，它仍可作为交付与评审的一环使用。
工具地址：https://www.markup.io
需看协议
专注批注与反馈收集：支持在网页、图片、PDF 上做标记、留言与任务跟踪。适合把“评审意见”从聊天软件里捞出来，形成可跟踪的交付清单。
工具地址：https://filestage.io
需看协议
面向内容/设计的审稿与审批流程工具，支持版本对比、评论与审批节点。适合需要对外协作（客户/供应商/市场团队）且希望“意见有证据链”的交付场景。
工具地址：https://www.notion.so
需看协议
虽然不是专门的交付工具，但非常适合作为“交付说明与资源入口”的聚合页：版本说明、链接索引、变更记录、验收清单都能结构化管理。配合上面任意交付/批注平台，效果更稳。
