[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fl4o087aawb6u":3},{"_id":4,"slug":5,"title":6,"subtitle":7,"kind":8,"cards":9,"tags":18,"categories":19,"source":20,"lang":23,"author":24,"audioState":27,"stats":28,"publishedAt":31,"renderer":32},"6abbcdbaca21c797c7e9dccb","ai-ui-c8c57c1c","自从有了 AI，我就再也不想拼 UI 了……","哈喽大家好，我是亿元程序员，一位有着8年游戏行业经验的主程。 上期文章**《让Codex直接生成PSD难吗？提示词其实很简单》**依旧非常受欢迎。 文章主要讲述了笔者的游戏的界面是如何通过AI生成PSD的实战过程，游戏在文末可以进行体验。 关于那期文章，很多小伙伴都学会了如何通过AI生成PSD，但是觉得还远远不够，迫切想知道如何把PSD转换成游戏开发中实实在在能用的资源，彻底摆脱\"UI仔\"的称号。…","news",[10,13],{"headline":6,"body":11,"imageUrl":12,"sourceImageUrl":12},"哈喽大家好，我是亿元程序员，一位有着8年游戏行业经验的主程。 上期文章**《让Codex直接生成PSD难吗？提示词其实很简单》**依旧非常受欢迎。 文章主要讲述了笔者的游戏的界面是如何通过AI生成PSD的实战过程，游戏在文末可以进行体验。 关于那期文章，很多小伙伴都学会了如何通过AI生成PSD，但是觉得还远远不够，迫切想知道如何把PSD转换成游戏开发中实实在在能用的资源，彻底摆脱\"UI仔\"的称号。 其实提示词其实也很简单，不需要插件，不需要技能，就直接大白话就好。 其实提示词其实也很简单，不需要插件，不需要技能，就直接大白话就好。 言归正传，本期就带大家一起实战看看，怎么通过AI把PSD转成游戏开发中实实在在能用的资源，并且说说细节。 相信各位已经成为大神的小伙伴，在入门游戏开发时，都经历过拼UI界面的阶段： 正是因为是手动拼的界面，和效果图经常有些出入，例如图片不对，位置不对，字体字号不对等等，被策划老哥或者美术妹子打回调整，非常痛苦。 程序老哥为了解决“拼UI”这个耗时耗力的工作，发现PSD其实包含了完整布局结构，于是地把锅甩给了工具和美术妹子。（美术妹子：我谢谢你。） 为什么这么说？ 因为PSD中只有图片，位置，层级信息，游戏中的组件，公共图集，九宫等特殊部分就需要通过特殊命名或者其他手段标记出来，这部分需要美术妹子参与。 这个方案虽然减轻了程序的痛苦，但是美术需要学习和理解工具所需要的各种规则，也非常痛苦。 上期我们通过AI解决了出图的问题，成功通过Codex生成我们所需的界面PSD，接下来我们实战将PSD转成游戏开发中实实在在能用的资源。 请根据这个psd，在本项目中，制作一个prefab。要求能够达到合理使用的效果。 请根据这个psd，在本项目中，制作一个prefab。要求能够达到合理使用的效果。 小伙伴一直好奇通过AI开发游戏到底要燃烧多少token，其实并不多，像这样简单的内容，5.5轻一轮对话就可以完成，如图所示： 打开Cocos，可以看到预制体已经制作好了，双击打开，效果一步到位： 1.","https:\u002F\u002Fp3-xtjj-sign.byteimg.com\u002Ftos-cn-i-73owjymdk6\u002Fc47b084e85864f2a808c4f2d0dfc80cd~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5Lq_5YWD56iL5bqP5ZGY:q75.awebp?rk3s=f64ab15b&x-expires=1791250309&x-signature=3YzD%2FDJS3I1y1eZG%2Bhg5eGUNBVU%3D",{"headline":14,"body":15,"imageUrl":16,"images":17},"其实将PSD转成游戏界面很早就有了，相信很多小伙伴都已经解决了拼UI的痛点，AI的出现只是让这个过程更加轻松。 2.","其实将PSD转成游戏界面很早就有了，相信很多小伙伴都已经解决了拼UI的痛点，AI的出现只是让这个过程更加轻松。 2. 没有PSD需求的小伙伴其实可以直接省略掉这一步骤，直接从AI到游戏特定资源。 3. AI的底层思路其实也是通过工具将PSD文件按照指定格式转成预制体，微调PSD之后可以手动使用工具重新导出。 4. 理论上不需要很强的模型，即使很弱的模型，通过不断对话（可能生成预制体有报错，图片格式不对等等），也能达到一样的效果。 以上就是怎么通过AI把PSD转成游戏开发中实实在在能用的资源，如有不对，还请指出。 自从有了 AI，我就再也没有拼过UI了，把拼UI的时间都用去体验下面这个游戏了： 如果你对游戏开发\u002FAI游戏开发也感兴趣，欢迎私信笔者，一起交流，合作，探讨！ 我是\"亿元程序员\"，一位有着8年游戏行业经验的主程。在游戏开发中，希望能给到您帮助，也希望通过您能帮助到大家。 PS : 笔者线上的小游戏**《填色之旅》《蚂蚁搬好运》《贪吃蛇掌机经典》《重力迷宫球》《打螺丝闯关》**大家可以自行搜索体验。 实不相瞒，想要个赞和爱心！请把该文章分享给你觉得有需要的其他小伙伴。谢谢！","\u002Fapi\u002Fmedia\u002Fposts\u002Fai-ui-c8c57c1c\u002F1.webp",{"local":16},[],[],{"name":21,"url":22},"Juejin","https:\u002F\u002Fjuejin.cn\u002Fpost\u002F7690468159975768110","zh",{"handle":25,"displayName":26},"spots","Spots",null,{"views":29,"likes":30,"saves":30,"shares":30,"completions":30,"opens":30,"skips":30,"depthSum":30},3,0,"2026-09-29T14:39:54.252Z","local"]