SketchUI交互设计UI设计

通过WuliHub免费实现Sketch与mesure插件的自动标

2018-07-31  本文已影响58人  产品大牛

做完设计稿后,需要告诉前端程序员,图片尺寸,文本字号,间距等。相比传统的标注方式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即可获得演示链接

上一篇 下一篇

猜你喜欢

热点阅读