AlloyDesigner可视化 Web 构建工具

AlloyDesigner 是一款致力于提高前端生产效率的浏览器内运行工具，AlloyDesigner + Chrome F12(Especially with WorkSpace)  打造前端新的开发和测试模式

为什么使用 AlloyDesigner?

1.AlloyDesigner是运行在页面上的一段JS代码，它只出现在开发、体验和测试阶段，不随项目发布

2.AlloyDesigner主要功能是将页面引入由设计师设计的视觉文件，与当前开发页面形成对比、参照，从而进行开发和测试

3.AlloyDesigner提供便于在浏览器进行开发页面的各项辅助工具，以打造一个浏览器开发环境。

4.AlloyDesigner与浏览器的开发者工具（F12）配合使用，F12工具提供直观的修改文档的能力，AlloyDesigner提供修改文档的参照、F12用于开发所缺少的工具

5.AlloyDesinger摒弃开发中使用Photoshop，减少对编辑器的依赖，减少使用编辑器硬编码的场景。

6.综上，AlloyDesigner致力改变前端开发模式

AlloyDesigner 重新定义了Web页面构建的模式，页面构建过程中，AlloyDesigner直接嵌入你的Web页面中运行，帮助你精准、高效的构建Web页面的 UI！AlloyDesigner 是用 HTML5 开发的、直接嵌入在Web页面中运行的可视化Web构建工具

AlloyDesigner 预计节省您40%的UI开发时间，每天多40%的时间一起喝杯咖啡如何？

Chrome插件支持

支持Chrome插件方式，轻松打开视觉稿进行体验、开发、测试

嵌入代码库方式，全面支持IE7+

<script src='alloydesigner.js' type='text/javascript'></script>

收藏夹工具支持

无需手动嵌入代码,添加至Chrome、Mordern IE收藏栏使用

强大记忆恢复功能

刷新后恢复上次状态，无需重新调整视觉稿位置

便利的快捷键操作

使用易记的快捷键操作，进一步提高开发效率

稳固的基础功能

固定视觉稿，调节透明度，测试开发等基础功能强健

丰富的开发辅助工具

包含测距工具、CSS助手与取色器等快捷工具