常用 Sketch 插件合集-Sketch插件 全局 工具 切图导出

全局

1. Anto 

组件 · 色版 · 快速建立交互流程线 ·  图层(对齐/排序/置顶/置底) ·  制版

为AFUX设计师提升工作效率的 Sketch 工具集

https://www.yuque.com/canisminor/anto/readme


2. Dapollo 设计开发平台

支付宝 · 移动端组件  ·  生成代码 · iconfont图标库集成

Dapollo是一个基于Sketch平台的设计插件集,通过丰富的内置图标、组件、插图、页面模板等设计素材帮你更高效的完成设计工作。同时所有图标、组件、lottie动画都有对应代码,设计开发一体化,提高协作效率。

http://www.alipaydesign.com/tool


3. Kitchen

语雀 · iconfont · Ant Design 组件(按钮/表格/分页) · 填充

http://kitchen.alipay.com


4. Craft

协作 · 原型 · 同步 · 样式库 · 免版权图库 · 内容填充(英文&可自定义) · 复制

https://www.invisionapp.com/craft#


5. Flavor

快速复制 · 自动填充名称 · 快速生成参考线 · 导出到 PxCook 智能标注

http://fancynode.com.cn/flavor

工具

1. Rename it

图层&画板命名

https://rodi01.github.io/RenameIt/


2. Chart

快速根据自定义参数创建常用图表

https://github.com/pavelkuligin/chart


3. Paddy

让图层自动填充间距、对齐和分布

https://github.com/DWilliames/paddy-sketch-plugin


4. Segmented Circles

快速自动创建精确的分段圆(用于可视化数据、图表)

https://github.com/design4use/gb-sketch-segmentcircle



切图导出

1. Sketch Measure

标注 · 切图 · 生成html标注(查看css代码)

执行 Plugin > Sketch Measure > Toolbar

http://sketch.cm/plugins/1


2. Preview in browser

浏览器中查看设计稿

http://sketch.cm/plugins/131


3. PDF Export

批量导出选定画板为多页 PDF

https://github.com/DWilliames/PDF-export-sketch-plugin


4. Sketch QR Code

在 Sketch 中一键生成 SVG 二维码(在弹出的对话框中可设置 QR Code 的内边距、高宽、类型、颜色、容错率等级及内容值提交生成)

https://github.com/lerte/sketch-qr-code



相关文章推荐:

给互联网设计师和设计爱好者的简报分享

在构建设计规范之前,你需要看看这些设计资源

如何构建设计语言系统

给初级UI&UE设计师的Sketch资源分享

交互设计原则和理论1——尼尔森十大可用性原则

交互设计原则和理论2——七大定律

国外设计团队的高频设计工具与协作工具

16个表单优化技巧

怎样提高注册登录流程的交互体验

不可错过的2019设计趋势

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章