终身VIP

* 不同类型VIP下载权限亦不同,请注意预览图左上角标注的「QVIP」「SVIP」「VIP」「收费」等标识下载。

* 一旦成功开通VIP会员资格后,均不能以任何理由申请退款,请知悉!请合理使用VIP账号,若转让、转租或分享给第三方使用,系统将永久封号不予解封。

分享
送VIP
  • 投稿就送VIP会员
  • 最高送终身时长
  • 素材无限下超爽体验
  • 成为会赚钱的设计师
  • Sketch设计稿标注必装神器Marketch

    更新时间:08-30   软件大小:500 KB   软件由 Alex 上传,软件仅供学习参考

    据说sketch没有一个一键标注+一键切片的工具,所以一位未知的设计师?程序猿?设计了一个一键导出工具,它可以实现以下几个功能:


    • 动态标注

    • 单位转换

    • 动态切图


    显示效果如下:


    Sketch设计稿标注必装神器Marketch


    Marketch,它可以帮设计师减负,免去标注的烦恼,程序可以通过内置的页面查看所有要素的布局参数,甚至是css代码;反观虽然Assistor Ps已经免费,但是那是PS的玩意,而且是有工作量的,优点就是StoryBoard看起来更高大上;


    设想下有了这个我们其实可以做很多,可以生成html动画,可以根据位置参数动态生成REACT模式的全部UI代码,对!目的就是把工作量都推给设计,然后我们前端程序就可以开开心心的写几段REDUX(业务流),封装业务组件,做些高端的事情,剩下的就等后端的服务就好了。


    用法


    官网并没有一个详细的使用说明,比如说怎么导出SVG,如何过滤StoryBoard,如何设置要导出的切片等等;


    安装


    安装就是点击文件夹下面的黄钻石图标即可


    查看是否安装成功


    Sketch设计稿标注必装神器Marketch



    使用


    • 运行插件plugin->marketch

    • 命名并导出

    • 将zip解压,运行html文件,在浏览器里查看效果



    隐藏buff


    导出切片

    Sketch设计稿标注必装神器Marketch


    导出SVG格式

    Sketch设计稿标注必装神器Marketch


    切片不能包含文字,需转换为路径(包含会过滤掉)

    Sketch设计稿标注必装神器Marketch


    '-'代表不导出该画板


    作者:appea

    链接:http://www.jianshu.com/p/d0bc8b365374



    4
    大家都在问

    1、成为VIP后官网所有素材都可以下载吗?

    成为旗舰QVIP后,图翼网(www.tuyiyi.com)官网所有素材都可以无限制下载。

    2、网站素材资源能否直接商用?

    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

    3、提示下载完但解压或打开不了?

    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。

    4、找不到素材资源介绍文章里的示例图片?

    对于PPT,KEY,APP,网页模版等类型的素材,文章内用于介绍的图片,人像,字体等素材通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买。

    标签:sketch插件
    图翼网微信公众号:tuyiyicom
    图翼网在线客服QQ:1003030973
    图翼网站导航