Axure 标注方法简介

小团队画原型，直接用的是前端组件库的资源文件，基本就能实现原型即视觉稿，但是直接给到开发又缺少标注，现在这个问题终于解决了。

使用方法有三种：

1 Chrome插件

扩展程序下载：以Chrome 为例，前往 Chrome 扩展程序，下载 Prism – Redline Tool。相似插件包括：Visual Inspector by CanvasFlip、CSS Peeper。

设置扩展程序：前往安装的扩展程序，点击详细信息，打开「允许访问文件网址」的开关。

查看标注：打开 Axure，将原型生成 HTML，浏览器打开需要查看标注的页面，切忌通过 index.html 打开页面（通过 index.html 打开的页面虽然可以查看目录索引，却不支持浏览器扩展程序查看标注）。

2 Axure Cloud原型插入

创建插件：在 PLUGINS 页面中，点击页面上的「ADDS PLUGIN」按钮。

代码如下：

<script src="https://cdn.jsdelivr.net/npm/axure-redline-tool@latest/web/axure-redline-plugin.js"></script>

  大佬的地址：https://github.com/srm985/axure-redline-tool

3 本地插入

其实就是吧方法2的js文件，嵌入到HTML格式的原型文件中，每个页面都要手动添加，我就不赘述了。