Napkee-把Balsamiq Mockups导出成Web项目

前一篇文章里，我介绍了如何使用Balsamiq Mockups来创建一个手绘风格的原型图，但 Balsamiq Mockups 只能将原型导出为 PNG 图像，不支持导出为 HTML 或其它格式。接下来我来介绍一下如何把这个原型图转换为HTML/CSS/JS or Adobe Flex 3，按照官网的话来说：Napkee lets you export Balsamiq Mockups to HTML/CSS/JS and Adobe Flex 3 at a click of a button.只需一点按钮就能转换完成，确实如此。

整个过程很简单，先新建一个Project，点击绿色加号，选择要打开的.bmml文件，点击一下该文件，即可在右边显示预览图，右上角的Web/Flex可以用来切换查看HTML/CSS/Javascript代码还是Flex代码，如选择Web，下面的Tab页可以分别查看HTML、CSS、Javascript代码以及BMML格式的源码，非常方便。点击左下角的Export Project，即可把整个项目导出来，导出的文件夹目录结构为：

并会自动开启浏览器浏览页面，非常方便的一个工具。

Napkee官网：http://www.napkee.com/index.php