Sketch一键生成自适应按钮及布局Compo

更新时间:12-08   软件大小:   软件由 设计小编 上传,软件仅供学习参考

安装


  • 下载并解压 Compo.zip

  • 双击 Compo.sketchplugin 完成安装


使用


  • 选中目标图层

  • 执行 Plugins > Compo > Create Component or Update Selected 或使用快捷键 command ⌘ + J


示例


在设计流程中通常会设计各式各样按钮且会不同的边距。当按钮内容更改后,不得不手动的去调整边距以适应新内容。Compo 帮你轻松的解决该场景问题,甚至解决更复杂的一些情况、或配合 Symbol 使用


根据内容自适应的按钮


  • 新建一个文本层并选中,执行 Plugins > Compo > Create Component or Update Selected 或使用快捷键 command ⌘ + J 创建组件

  • 更改文本层内容后再次执行命令即可对新内容自适应大小

  • 对文本层命名,输入目标边距以冒号分隔 上:右:下:左 再次执行命令同样会自适应


Sketch一键生成自适应按钮及布局CompoSketch一键生成自适应按钮及布局Compo

  

根据内容自适应带 Icon 的按钮


当按钮带 Icon 且需要与边保持一定边距,如:需距右边距 12,则可选中该 Icon 层后重命名在名称后加上 r:12(t:上、r:右、b:下、l:左),最后再执行同上命令即可


Sketch一键生成自适应按钮及布局Compo


自动边距的组件


当需要内容与边缘保持一定边距,如:需与底边保持边距,修改内容后超出预期边距,则可选中该图层后重命名在名称后加上 b:10,最后再执行同上命令即可


Sketch一键生成自适应按钮及布局Compo

6
大家都在问

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

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

2、素材会持续更新吗?

会 ,网站资料每天都有更新,且资源都是高端素材,精心的海外商业设计资源,可激发你的创造性。

3、充值购买后多久能够下载素材?

付款后秒成为VIP会员,如付款后没有显示VIP标识,可以退出重新登录账号即可显示。

4、免费下载或者VIP会员专享资源能否直接商用?

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

5、购买后支持退款吗?

在VIP有效期内素材可以无限下载,由于素材是虚拟物品,购买之后不支持退换。

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