美文网首页
Sketch十个常用插件盘点

Sketch十个常用插件盘点

作者: 琪蕊RUI | 来源:发表于2019-07-30 17:16 被阅读0次

    1. preview in browser

    做PC页面时,在浏览中预览。选中页面后,按快捷键shift+cmd+.
    当超出页面的宽度造成预览时的滚动时,把设计稿的尺寸设置为电脑分辨率的尺寸(13寸电脑1280px)

    2.Runner

    付费插件。通过关键词的搜索实现一些功能。免费用户只能使用第一个Run。
    eg:
    Run text
    Goto 去哪个页面
    Insert 插入symbol组件,输入名称
    Create 快速制作symbol
    Apply 运用symbol或者图层/文字样式
    Install 搜索及安装插件

    3. symbol instance locator

    选中某个symbol后,执行插件,可找到其他哪些页面调用了这个symbol按钮。
    隐藏的symbol也能找。
    在删除symbol时常用到。

    4. shared style finder

    找文字/图层样式。通过下拉列表选样式,在下方的列表中显示。

    5. find and replace

    快速替换sketch文档中的文字。可以区分大小写;可以区分整个单词
    替换范围可以选择:所选中的部分;整个page;整个文档。

    6.select similar layers

    寻找相同的描边、填充、字体颜色等。


    image.png

    选择相同的图层样式,可以通过最后的“class”选项

    7.rename it

    重命名图层、重命名画板、查找替换
    若按照数字顺序,会按照画板从左到右的顺序自动命名。

    8.flavor

    快速填充, 中英文名/手机号/日期/邮箱等。
    快速复制,做矩阵。
    快速参考线。

    9.kitchen

    图表生成器
    可以在登陆后同步色板、iconfont的图标库。
    自动排版(小bug:无法在symbol里自适应。)
    头像(有亚洲人的头像)
    文本——有自定义功能

    10.anima

    padding 制作弹性按钮或者弹性按钮组。
    pins 可做百分比;居中可以设置居中偏左或偏右
    宽度/高度的最大/最小值
    stack 编组后设置间距;其中有个collapsing勾选框。删除或者隐藏中间的内容后,后面的可自动跟进补全。
    例1
    做tabs标签切换时,要保证选中的底部横线和文字是等宽的,可以在文字+横条的小组件中,设置横线的pins,左右的间距是0

    image.png image.png

    例2

    image.png
    在箭头+文字的组里选择好间距、塌陷功能和pins(左)的数值。当箭头选为none时,文字会自动跟进右对齐。
    image.png
    例3
    image.png
    第一个组: 图标和小字,用stack组。
    第二个组: 1组+标题( 标题用sketch自有的pins)
    第三个组:2组+白色的底,用padding ,定义上下左右的边距。
    第四个组:3组+关闭按钮。stack组
    例4
    actionsheet
    在stack功能中勾选 resize symbol 塌陷后自动缩小组件的测量范围。

    来自:
    https://ke.uibang.cn/detail/v_5d394c5bce747_ZTECRSrr/3

    相关文章

      网友评论

          本文标题:Sketch十个常用插件盘点

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