Sketch托管教程

视频教程
https://v.youku.com/v_show/id_XMzc5NDI1OTI2NA

sketch

需要的插件 Sketch Measure

生成设计稿方式

• 执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ⌃ + shift ⇧ + E
• 选择规范导出

一键自动生成 HTML 页面，离线下检查所有设计细节，包括 CSS 样式
并且包含你的切图，切图可以直接页面里下载
一个演示链接搞定所有工作，不用挨个切图给开发人了，开发用什么直接下载即可

生成的html文件夹

文件夹内结构如图

上传到Wulihub

1.压缩成zip格式

2.上传zip包到到wulihub即可

演示如图

• 切好的图，查看者可以在地址里下载不同大小的切图元素
• 点击页面的元素，即可查看CSS和尺寸，间距等细节