【开源分享】PSD 一键转 Cocos Creator 3.8 预制体——图层命名即组件,自动切图去重

把 Photoshop .psd 直接转成 Cocos Creator 3.8.x 预制体的独立编辑器扩展。

按图层命名自动识别组件、自动切图、MD5 去重,无需 npm install、无需构建

:dart: 它能干什么

  • 读取 PSD 图层,按图层命名自动识别组件类型,生成 3.8.x 预制体

  • 自动导出 PNG、生成 sprite-frame,MD5 去重复用相同图片

  • 像素级对齐还原;文本图层自动转 cc.Label(保留原文)

  • 自动裁剪透明边、压平多余空容器,输出代码友好的英文节点名

:label: 图层命名 = 组件

| 图层前缀 | 生成结果 |

|—|---|

| btn_ | 按钮 cc.Button |

| lbl_ | 文本 cc.Label |

| sp_ + #10,20 | 九宫格 Sprite(带边距) |

| lay_v_ / lay_h_ | 纵向 / 横向布局 cc.Layout |

| node_ / mask_ | 空容器 / 遮罩 |

| !// 开头 | 忽略该图层(不导出) |

:package: 开箱即用

依赖已内置并随仓库提交,无需 npm install、无需构建

克隆 / 下载 → 整个文件夹丢进工程 extensions/ → 重启编辑器

菜单:PSD 工具 / PSD 转预制体 → 选 PSD → 转换

也支持命令行无编辑器转换:


node psd2prefab.js xxx.psd --project 你的工程目录

:link: 开源地址

3.8.x 版(推荐):

https://github.com/shiliyu1991-lang/cocos-psd-prefab-3x

2.4.x 版:

https://github.com/shiliyu1991-lang/cocos-psd-prefab-2x


MIT 开源 · 欢迎 Star / Issue / PR :star2:

2赞