【工具分享】Photoshop PSD 一键转 Cocos Creator 2.4.x 预制体(开源免费)

做 Cocos Creator 2.4.x 的 UI 时,反复对着 PSD 手动切图、建节点、摆位置太累了,
所以写了个开源工具,把这一步自动化,分享给大家。

▌它能做什么
把一个 Photoshop .psd 一键转成 Cocos 预制体:
· 自动导出 PNG + 生成带 spriteFrame 的 .meta
· 按图层命名规范自动建节点树,像素级对齐(锚点 0.5,按真实包围盒定位)
· 文字图层自动转 cc.Label(取文本/字号/颜色),btn_ 转 cc.Button,lay_ 转 Layout,sp_ 九宫格
· MD5 图片去重(相同图只导一张,跨预制体共用)
· 自动裁掉透明边、压平多余空容器
· 节点名全英文(中文转拼音)+ 类型前缀 + 同级名字唯一,getChildByName 直接能用

▌怎么用
扔进工程 packages/ 目录,菜单出现「PSD 工具 / PSD 转预制体」,选 PSD → 点转换。
也支持命令行脱离编辑器跑。
(适配 Cocos Creator 2.4.x,在 2.4.15 上开发验证)

▌开源地址(免费,MIT)
https://github.com/shiliyu1991-lang/cocos-psd-prefab-2x

配套还有个 Photoshop 插件,让美术按命名规范一键标注图层,见楼下/下个帖子。
有问题欢迎提 issue,觉得有用点个 star~

1赞