告别手动对齐：Paddy让Sketch图层自动布局的实用指南
【免费下载链接】paddy-sketch-pluginAutomated padding, spacing and alignment for your Sketch layers项目地址: https://gitcode.com/gh_mirrors/pa/paddy-sketch-plugin
改一次按钮文字，就得把背景框重新拖大一圈；调整一个图标间距，整排元素从头排到尾。做过界面设计的人，多半都陷在过这种"手动对齐"的循环里：图层越多，返工越狠，越是简单的调整越耗时间。Sketch图层自动布局这件事，其实可以交给规则去完成——Paddy 就是这样一个插件：它用图层命名代替手动操作，自动完成填充、间距和对齐，让你把时间留给真正的设计，而不是拖拽手柄。
三分钟上手：把参数写进图层名
Paddy 最核心的思路是"命名即参数"。不需要打开面板逐个设置，只需要在图层名字里加上中括号，规则就生效了。
先看填充（Padding）。选中组里的背景层，把命名改成类似Background [20]的格式，Paddy 就会让背景层自动包裹住组内其他图层，四周留出 20px 的内边距。数值支持 CSS 简写习惯：
[20]：四边填充都是 20px[10 20]：上下 10px，左右 20px[10 15 20]：上 10px、左右 15px、下 20px[5 10 15 20]：按上、右、下、左分别设置
间距（Spacing）的写法更简单，把规则加在组名称里就行：[10v]表示垂直方向每层间隔 10px，[8h]表示水平方向间隔 8px。
这里有个容易忽略的关键点：规则改完后，只需取消选择所有图层（按 Esc），所有填充和间距就会自动重新计算。不需要执行任何命令，这就是它比传统插件省心的地方。
进阶技巧：让符号和尺寸约束一起动起来
上手之后，你会发现 Paddy 的价值远不止"背景框包住文字"。
符号也能自动伸缩。这是 Paddy 最出彩的功能：只要符号内部有一个带填充规则的背景层，符号实例就会随内容自动调整大小，非常适合做按钮、气泡这类反复使用的组件。
间距与对齐可以组合使用。把间距和对齐写进同一个中括号即可，例如[10v center]表示垂直间隔 10px 并水平居中，[5h bottom]表示水平间隔 5px 并底部对齐。字号、内容长度变化时，整组元素依然保持整齐。
用表达式锁定尺寸边界。用分号分隔，可以在填充之外追加最大/最小尺寸约束。比如[20; h>=250]表示四边填充 20px、且高度不小于 250px——内容再少，背景也不会塌下去。
局部豁免也很有用：给图层名加-前缀（如-badge）可让该图层不参与填充计算；用x代替数值则可忽略某一侧的填充（如[60 x]表示上下 60px、左右不填充），应对"标签不占内边距""按钮不需要左右留白"这类场景正合适。
实战验证：三步做出自动伸缩的按钮
以最常见的"动态按钮"为例，手动流程大概是：改文案→目测估宽→拖背景→再微调，三个按钮就要重复三遍。换成 Paddy 的流程：
- 在符号内部建一个背景层，命名为
Background [12 20] - 把文字和图标放进符号，内容随需求随意改
- 回到画布，选中符号实例后按 Esc，背景自动贴合内容
| 对比维度 | 手动拖拽 | Paddy 命名规则 |
|---|---|---|
| 改文案后的调整 | 手动重拖背景框 | 取消选择即自动完成 |
| 多实例一致性 | 逐个检查对齐 | 所有实例同步更新 |
| 交接他人 | 依赖肉眼和文件 | 命名即规则，一看便知 |
避坑清单：这几个症状，多半是用法问题
改了规则却没生效：多数是忘了取消选择。Paddy 的更新时机是"图层取消选择"，按下 Esc 或点击空白处即可触发重算。
符号没有跟着变：检查符号里是否只有一个带填充规则的背景层。多个背景层会导致计算冲突；嵌套过深（多层组里套组）也容易出问题，尽量让填充规则待在浅层结构。
快捷键没反应：确认安装后重启过 Sketch，并在插件菜单中确认 Paddy 已加载；键盘布局也会影响组合键，可以直接从插件菜单点击对应命令。
老版本 Sketch 兼容性：这个项目目前已停止积极维护，核心功能在 Sketch v53 及以下版本表现稳定，新版本建议先小范围试用再投入正式项目。
下一步：给你的画布加一条规则
回到开头的场景：与其继续在每次改稿时手动重排，不如从今天这个最简单的动作开始——选中一个背景层，命名加上[20]，按一下 Esc，然后亲眼看着它自动贴合内容。等习惯了这种"命名驱动"的节奏，再逐步解锁符号、间距对齐和尺寸表达式。
Paddy 的价值不复杂：把重复劳动交给规则，把注意力还给设计。动手试一次，你会回来把剩下的图层都改掉的。🚀
【免费下载链接】paddy-sketch-pluginAutomated padding, spacing and alignment for your Sketch layers项目地址: https://gitcode.com/gh_mirrors/pa/paddy-sketch-plugin
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考