现在大多数的设计工具，都支持导出HTML文件了。比如Axure一直是可以导出HTML文件的，Sketch有插件如Sketch Measure可以导出HTML文件，连标注都可以省掉了。
然而，生成之后的HTML文件，你还在用“打包成zip发给程序员小伙伴”这种原始的方法吗？
推荐一个基于node的开源小工具fixd-server，专门为分享设计文件定制的。
第1步：安装node和npm
跨平台，无论是windows还是macOS还是linux，都可以飞快的安装好node和npm。
要做的就是打开node.js官网，然后下载安装就行了。安装过程中会一并安装上npm。
image.png
第2步：安装fixd-server
打开命令行，windows上用cmd，macOS用terminal，执行安装命令：
npm i -g fixd-server
代码一通乱转之后就安装好了。
第3步：使用fixd-server构建HTML服务器
还是在命令行中，一句话构建服务器：
fixd-server <设计文档所在目录>
比如在widnows上，所有HTML设计文档都放在了C:\Users\Public\Documents\Axure\HTML，那么就执行：
fixd-server "C:\Users\Public\Documents\Axure\HTML"
一切顺利的话，屏幕上就会显示类似：
Running server at:
======
http://127.0.0.1:3456
http://192.168.1.156:3456
OK，最小化命令行，保持这个程序运行，然后把http://192.168.1.156:3456这行地址发给程序员同学就好了！他们一定知道要在浏览器打开这行地址的！
最终效果
如果你有一个这样的目录：
在浏览器打开之后的效果就是：
点击其中带html标签的就可以直接查看设计文档了！当然，这个工具除了可以在浏览中查看设计文档，还可以用来传文件……
如果是前端小伙伴看见了这篇文章，而且不想再忍受FTP同步、坚果云同步或者打包解包zip等等原始的方法了，那就赶紧帮你们的设计师小伙伴搭建好这个小服务器吧。
点击查看fixd-server的GitHub项目地址
