做完设计稿后,需要告诉前端程序员,图片尺寸,文本字号,间距等。相比传统的标注方式Sketch 的messure插件导出HTML就可以自动标注图片尺寸,文字字号,间距等等。
但是当你导出HTML文件后,分享的时候需要一个一个人的发源文件分享,一旦设计稿需要多人查看的时候就比较麻烦,所以,介绍一种简单的并且免费的方式来方便管理Sketch的Measure插件导出的HTML文件通过链接分享:WuliHub静态网页托管和演示服务
Demo演示
演示地址:http://www.wulihub.com.cn/cloud/9/1bf5e754d45eae22b563ee3b6a32b3d6-27644/index.html
![](https://img.haomeiwen.com/i2737443/a7d5f7295877a9b8.jpg)
需要用到的平台
操作视频教程
第一部分就是Sketch托管的教程
WuliHub操作演示教程
Sketch托管的图文教程
![](https://img.haomeiwen.com/i2737443/df3654d90e9d29a8.png)
在Sketch内用Measure插件选择规范导出
![](https://img.haomeiwen.com/i2737443/d00e36946e75fa4e.jpg)
生成的html文件夹
![](https://img.haomeiwen.com/i2737443/2e3ba15d83e68ca1.jpg)
文件夹内结构如图
![](https://img.haomeiwen.com/i2737443/14a66994ffe40b0f.jpg)
将HTML压缩成zip格式
![](https://img.haomeiwen.com/i2737443/2ef8edd96b04bcc1.jpg)
上传zip包到到wulihub即可获得演示链接
网友评论
打搅一下,推荐一款我们下班时间做的SKETCH 换肤及主题管理软件
目前支持(3+1)套主题选择,一键切换;多种图标库、让你sketch与众不同;个性图层选择、图层嵌套缩进展现、自定义画布明暗度等......
功能免费,下载地址:
百度网盘:https://pan.baidu.com/s/1-nK4MgOzkZBiCPH8-tb5Zg
腾讯微云:https://share.weiyun.com/5eMyI1T
人工索取:283227998@qq.com
请各位设计大牛、各位同学支持一下~
谢谢~~