前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Sketch常用插件及操作技巧

Sketch常用插件及操作技巧

作者头像
码客说
发布2019-10-22 17:01:06
1.6K0
发布2019-10-22 17:01:06
举报
文章被收录于专栏:码客码客

Runner

对我来说就是一个便捷安装其它插件的插件

官网地址:https://sketchrunner.com/

下载地址:https://sketchrunner.com/get/index.html

SketchI18N

中文化插件

Runner中搜索SketchI18N安装即可

Kitchen(推荐)

阿里团队开发的一款为设计者提升工作效率的 Sketch 工具集。

包括:Iconfont 图标库、智能排版、色板管理、组件生成器

image-20190906091605576
image-20190906091605576

官网地址:http://kitchen.alipay.com

Dapollo(不推荐)

同样出自阿里,但是版本越更新越不好用。

官网地址:http://www.alipaydesign.com/tool

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

Flavor(推荐)

快速复制特别实用。

便捷操作插件。

image-20190905192342562
image-20190905192342562

官网地址:http://www.fancynode.com.cn/flavor

蓝湖设计规范云(推荐)

官网地址:https://lanhuapp.com/dsm?from=website_top_banner

组件

image-20190910120457291
image-20190910120457291

好处

image-20190910120618548
image-20190910120618548

蓝湖插件

就是一个上传蓝湖的插件而已,本身没有什么附加功能。

在 Sketch 中一键同步到蓝湖,团队成员即可收到通知,再也不用“手动标注—导出—打包—发邮件”了

官网地址: https://lanhuapp.com/mac

Paddy

Kitchen中已经包含此功能。

自动排版的插件

官网地址:https://github.com/DWilliames/paddy-sketch-plugin

相关文章:三步让你的Sketch 学会自动排版插件:Paddy

行高修复

官网地址:https://github.com/zz379/AutoFixAndroidTextLineHeight

相关文章:sketch插件自动调整文字行高

  • Auto Fix Android Text LineHeight 自动修复Sketch设计图上的文本框的行高,使之与Android手机上TextView的最终显示高度相同
  • ExcludeiOSTextLineHeight.sketchplugin 这个插件的的目的是去除Sketch上IOS所有文字的多余行高,即 行高 = 平方字体的文字高度

Miaow

一个强大的 Sketch 插件合集,由微信设计团队量身打造,让设计师和开发者更佳高效的使用 Sketch。

image-20190906093654793
image-20190906093654793

官网地址:https://github.com/weixin/Miaow

  • 更高效的团队协作,如:UI Kit 同步、色板同步等。
  • 更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。
  • 更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。

操作技巧

  • 尽量用多画板,不要用多页面,除非两批页面的关联性不大 因为所有的插件都没法导出所有的页面,而是导出某页面的所有画板 用画板能够查看页面之间的跳转关系
  • Cmd+1 整个页面缩放至合适尺寸
  • Cmd+2+Cmd+0 选中画板缩放至合适尺寸后在缩放至原始尺寸 这样主要是为了选中画板居中显示
  • 先选中一个元素,然后按住option键,并将鼠标移到你想要查看的另一个元素上即可快速查看这里两元素之间的距离
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-09-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Runner
  • SketchI18N
  • Kitchen(推荐)
  • Dapollo(不推荐)
  • Flavor(推荐)
  • 蓝湖设计规范云(推荐)
  • 蓝湖插件
  • Paddy
  • 行高修复
  • Miaow
  • 操作技巧
相关产品与服务
Prowork 团队协同
ProWork 团队协同(以下简称 ProWork )是便捷高效的协同平台,为团队中的不同角色提供支持。团队成员可以通过日历、清单来规划每⽇的工作,同时管理者也可以通过统计报表随时掌握团队状况。ProWork 摒弃了僵化的流程,通过灵活轻量的任务管理体系,满足不同团队的实际情况,目前 ProWork 所有功能均可免费使用。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档