告别熬夜拖图层，Paddy插件让Sketch自动布局一步到位

告别熬夜拖图层Paddy插件让Sketch自动布局一步到位【免费下载链接】paddy-sketch-pluginAutomated padding, spacing and alignment for your Sketch layers项目地址: https://gitcode.com/gh_mirrors/pa/paddy-sketch-plugin凌晨两点你刚把卡片里的图标、标题、正文逐个排齐客户一句文案再改改一切又回到原点。如果你也靠肉眼和鼠标跟图层较劲那 Paddy 这个开源插件很可能是你的解药它主打 Sketch 图层自动布局把填充、间距、对齐统统变成写在图层名里的参数改完按一下 Esc画布自己就收拾干净了。手动布局的痛做 UI 的都懂回想一下常规流程改一行文字字号变了按钮背景要重新拉新增一个元素间距全乱又得挨个对。更磨人的是背景层和内容之间永远差几个像素放大 400% 反复微调。手动布局的本质是让电脑干人肉活而且每一步都要你亲自指挥改一次文案就要重来一轮。换个思路把参数写进图层名Paddy 的做法很反直觉——它不新增任何面板不改变图层结构只是读取图层名字里方括号中的参数再自动移动和缩放图层。名字即属性扫一眼图层列表就知道谁被设置了什么根本不用点开属性面板。对比项手动布局常见布局插件Paddy触发方式每步手动操作反复按快捷键重跑取消选择自动更新参数可见性要逐层检查藏在面板里图层名一目了然图层结构—常被改造成特殊组保持原样Zeplin 也能正常读能力范围—往往只解决单一问题填充、间距、对齐一揽子从零到一三分钟跑通第一个自动填充第1步装插件。把仓库 clone 下来双击 Paddy.sketchplugin 即可git clone https://gitcode.com/gh_mirrors/pa/paddy-sketch-plugin第2步给背景层起个带参数的名字。选中组里最底下的形状层重命名为Background [20]。第3步按 Esc 取消全部选择。奇迹发生了背景层自动包住所有兄弟图层四周精确留出 20px。之后不管你怎么改文字、拖图标、增删元素再按一次 Esc 它都会重新计算全程不用你碰一下鼠标。填充值沿用 CSS 简写规则上手零成本[20]四边均匀[10 20]上下与左右分开[10 15 20]和[5 10 15 20]支持三值、四值。不想手动算按Control Alt P弹出输入框直接填按Command Shift P还能让插件根据现状猜出当前填充值。三个实战场景把插件用出花场景一文案多长都好看的自适应按钮。在符号Symbol里放一个带填充的背景层实例就会随着覆盖的文案自动伸缩做按钮、气泡、标签这类组件堪称利器。场景二想被忽略的图层。角标这类元素不想要它参与填充计算在名字前加个-前缀比如-badge背景层会自动把它排除在外。场景三间距与对齐一次配齐。给组命名[10v center]子图层自动垂直排布、间距 10px 且水平居中[8h bottom]则横向排列并底部对齐。想同时居中加垂直居中[c m]两个值一起写就行。新手最容易踩的四个坑以及怎么绕开第一改了没反应。九成情况是你没按 Esc——Paddy 只在取消选择时才刷新这是设计如此不是 bug。第二符号里填充失效。每个符号只允许一个带填充的背景层而且别把它塞进嵌套太深的组里浅一层效果最稳。第三符号内的间距在覆盖后不生效。想保留就得配合 Anima 的 Stack 组二选一别贪心。第四某条边不想要留白。用x占位即可比如[60 x]表示上下 60px、左右不填充还可以用[20; h 250]这种分号分隔的最小尺寸约束。写在最后Paddy 把布局参数变成了看得见、改得着的图层名一次设定、永久自动让 Sketch 自动布局不再依赖任何重复劳动省下的都是实打实的下班时间。项目如今虽已不再积极维护但核心功能在 Sketch v53 及以下版本依然稳定代码也完全开源拿来即用、随手可改。现在就 clone 一份装上让画布从此替你干活用得顺手的话别忘了去点个 star算是给作者的一句谢谢。【免费下载链接】paddy-sketch-pluginAutomated padding, spacing and alignment for your Sketch layers项目地址: https://gitcode.com/gh_mirrors/pa/paddy-sketch-plugin创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考