UI KIT SPLITTER / 拆件
一套 UI 进来,一堆零件出去
背包、商店、对话框、HUD —— 上传一张整套 UI,按排版边界自动切成面板 / 标题条 / 按钮 / 格子。切出来的每块都带原图坐标,能改名、能单独下载、能一次打包。
- 两种切法几何切分按空白下刀;元素咬死时换 AI 辅助重排
- 自动去底纯色底一律清掉,边缘去白毛
- 按类命名面板 / 标题条 / 按钮 / 格子 / 图标
DROP A UI KIT
上传一整套 UI,这里会变成零件墙
—
点零件看尺寸 · 双击改名 · 右键单张下载
WHY 两档
几何切分 vs AI 辅助
几何切分找的是排版空白:整行空、整列空就下刀。它快、免费、不上传,但前提是元素之间真的留了缝。元素咬在一起(边框把格子全框死)时切不开,这时换 AI 辅助:模型先把每个零件等距铺平到白底,再由本地同一套算法切——多花一次出图钱,换「咬在一起也能拆」。
WHAT YOU GET
拆完直接能用
两档产出的都是按实际像素裁下来的 PNG,尺寸就是它自己的实际尺寸,不做等比撑满(UI 零件一缩放,九宫格边框就歪了)。整张图的纯色背景会先清掉,所以切出来是干净裁片。ZIP 里附一份 parts.json,写着每块的名字、类型、坐标。
WHERE NEXT
拆完去哪
零件可以直接拖回工作台改颜色、改描边;地图工坊的 HUD 素材也是这么来的。面板类零件建议保留原尺寸,按钮和格子可以再按你的目标分辨率重采样。