通过WuliHub免费实现Sketch与mesure插件的自动标注、在线演示分享

做完设计稿后,需要告诉前端程序员,图片尺寸,文本字号,间距等。相比传统的标注方式Sketch 的messure插件导出HTML就可以自动标注图片尺寸,文字字号,间距等等。

但是当你导出HTML文件后,分享的时候需要一个一个人的发源文件分享,一旦设计稿需要多人查看的时候就比较麻烦,所以,介绍一种简单的并且免费的方式来方便管理Sketch的Measure插件导出的HTML文件通过链接分享:WuliHub静态网页托管和演示服务

Demo演示

演示地址:http://www.wulihub.com.cn/cloud/9/1bf5e754d45eae22b563ee3b6a32b3d6-27644/index.html

Sketch托管后的Demo

需要用到的平台

WuliHub中国站-简单好用的静态HTML页面托管平台

操作视频教程

第一部分就是Sketch托管的教程



WuliHub操作演示教程

Sketch托管的图文教程


流程图


在Sketch内用Measure插件选择规范导出

生成的html文件夹

文件夹内结构如图

将HTML压缩成zip格式

上传zip包到到wulihub即可获得演示链接

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容