SkildArt中处理跨境电商多尺寸套图需先确认无限画布模式(边缘渐变灰暗、顶部显示“无限画布”字样),再通过Shift+A启用自动布局,设纵向排列、48px间距、60px内边距;拖入新图自动适配,双击可微调单图尺寸且不破坏整体布局。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在SkildArt中处理跨境电商多尺寸套图时,常需将多张产品图按固定间距自动排布到无限画布上,避免手动拖拽错位或缩放失真。
确认当前画布为无限模式
打开SkildArt文件,观察画布边缘是否呈现渐变灰暗过渡——这是无限画布的视觉标识;若看到明显白色边界框,则说明当前处于“画板模式”,需先退出所有画板编辑状态。
按 Esc 键确保无任何工具激活,再点击画布空白处,此时顶部菜单栏应显示“无限画布”字样而非“画板名称”。若未显示,请检查左侧工具栏是否误选了画板工具(Artboard Tool),切回选择工具(V)即可。
用智能布局自动排列图片组
方法一:对已有图片组启用自动布局
① 按住 Shift 键依次点击所有待排布的产品图层(支持跨图层组选取);
② 右键 → 选择「启用自动布局」,或直接按快捷键 Shift+A;
③ 在右侧检查器中将排列方式设为「纵向」,对齐方式选「水平居中对齐」;
④ 设置固定间距为 48px(此值适配主流电商详情页图文节奏,过小易拥挤,过大则浪费画布空间);
⑤ 内边距统一设为 60px,确保首张图距画布顶部、末张图距底部均有呼吸感——这一步不可跳过,否则后续导出裁切时可能切掉关键信息。
方法二:拖入新图时由智能布局自动腾出位置
直接将一张新PNG产品图从桌面拖入已启用自动布局的组内,SkildArt会实时计算并插入到末尾,同时保持全部间距一致;若想插在中间,把图拖到目标位置松手即可,无需手动调整前后图层。
【注意】拖入前务必确认该组已启用自动布局,否则图片会以原始尺寸堆叠在左上角,且不响应后续间距设置。
微调单张图尺寸而不破坏整体布局
双击某张产品图进入其内部编辑,修改宽度为 600px(高度自动等比缩放);
退出编辑后,该图所在行/列会自动重算位置,其余图片保持原有间距不动;
若发现某张图比例异常拉伸,立即撤销(Cmd+Z),回到图层列表右键该图→「重置变换」,再重新双击编辑——这是因初始导入时勾选了“保持宽高比”导致约束冲突。


















