个人制作及从各处收集的优质Axure元件库 写在前面 虽然 Axure RP 的全称是 Axure Rapid Prototype，但是 Axure 的快速原型能力局限于 Web 1.0 时代。如果要制作演示用的交互原型，有很多更好用的工具，比如： Sketch Principle Keynote Adobe XD 墨刀 Axure 是很好用的 wireframing 工具，而不是 prototyping 工具。我对 Axure 的定位就是静态产品文档，速度和效果远远高于 Word、InDesign、OmniGraffle。 那些号称「全动态」的过分注重于可交互原型的元件库，在我看来一点用处都没有，所以也不会收录。 文件说明 default/ Axure原生提供的默认组件，针对字体、字号、图形填充及边框颜色等进行了修改，并同步更新了样式。 ant.design/ 提供的快速原型组件库。

线框 使用 HTML 和 CSS 进行线框图 基于 Michael Botsko 于 2011 年 4 月 26 日在 Webdesignerdepot 发表的文章“HTML5 和 CSS3：最终产品中的线框图”（ ）。 如果您只是精通 HTML 和 CSS，那么使用 HTML 和 CSS 进行线框图通常比使用图形工具更容易。 通过这种方式，您还可以获得快速的交互式原型来测试您的导航、任务流、信息架构等。 大纲 在所有主要块级标记上使用 CSS 轮廓属性，如 wireframe.css 中所示 透明度 使用不透明度的背景颜色（通过 RGBa），如 wireframe.css 所示。 这将使重叠元素看起来更暗！ 图片 使用 wireframe.js 会将所有图像标签转换为 DIV 标签。 只需在图像标签中使用 with 和 height 属性，DIV 就会以像素为单位设置为该大小。