美文网首页SketchUI交互设计UI设计
通过WuliHub免费实现Sketch与mesure插件的自动标

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

作者: 产品大牛 | 来源:发表于2018-07-31 10:39 被阅读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即可获得演示链接

相关文章

网友评论

  • 滔滔涛艺坊:大家好,我是一名设计师。
    打搅一下,推荐一款我们下班时间做的SKETCH 换肤及主题管理软件

    目前支持(3+1)套主题选择,一键切换;多种图标库、让你sketch与众不同;个性图层选择、图层嵌套缩进展现、自定义画布明暗度等......
    功能免费,下载地址:
    百度网盘:https://pan.baidu.com/s/1-nK4MgOzkZBiCPH8-tb5Zg
    腾讯微云:https://share.weiyun.com/5eMyI1T
    人工索取:283227998@qq.com

    请各位设计大牛、各位同学支持一下~

    谢谢~~

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

本文链接:https://www.haomeiwen.com/subject/tmycvftx.html