Adobe XD如何标注 标注插件

XDmark无需安装软件，仅通过插件一键导出离线标注网页，》〉点击查看详情

直接使用源文件

Adobe XD设计文件的标注方法有很多，我们首推的是不使用任何标注工具，直接交接 .xd 格式源文件，设计和开发均安装 Adobe XD，安装又不难，是不是，直接安装包可以从这里下载。安装完成之后打开，在 Adobe XD 中选择任意形状可直接在右侧属性检查器中查看当前元素的宽、高、位置、填充、描边、投影等所有信息，按住 Alt 键鼠标经过另外一个文件可显示两个元素之间的间距。

一键生成标注链接

Adobe XD 还自带了一键生成标注链接功能，只需要在共享模式下生成链接即可生成一个网页，开发人员打开该链接即可查看标注，下载切图，复制 CSS 代码，但是该功能 2020 年 4月份开始，只有付费用户才能使用。

离线标注

一定存在开发不愿意安装 Adobe XD或者学不会使用 Adobe XD 的情况，而且部分企业比较保守，不愿意将数据发布的别人的服务器，那么可以选择 PxCook 这款工具，设计人员同时安装 Adobe XD 和 PxCook 后，在 Adobe XD 中可以直接导出到 PxCook 中，PxCook自动标注，直接将标注保存到本地，但是需要开发人员也安装 PxCook 才能打开。

在线标注

在线标注可以使用的工具很多，只需要将在 Adobe XD 中将设计内容上传到平台服务器，即可在线查看标注信息，常用的有 Axure Cloud、iDoc、蓝湖等。

导出标注

导出标注可直接将 Adobe XD 文件导出为 HTML 文件，通过浏览器就能打开，但是目前均不完善，有需要的可在 Adobe XD 插件管理器中找找看看。