先说结论

Figma to Cocos Creator 针对已经分层的 .fig UI / HUD,要送进 Cocos Creator 当场景用。VberAI Studio 导入文件,再导出到 Cocos Creator 3.x。界面逻辑用 Cursor 或 Codex 补。在 Cocos Creator 里 Build,预览会开到本地网页。

步骤 1:存一份本地 .fig

在 Figma 打开这一屏,用 File → Save Local Copy

Figma 像素风游戏 UI:File 菜单高亮 Save Local Copy

步骤 2:在 Studio 里 Import Project

到 Studio 的项目页,选 Import Project,再选 .fig 文件。

Studio Recent Projects,高亮 Import Project

步骤 3:导出并预览

选中这一屏(例如 Main Screen)。打开 Export,选 Export to cocosCreator3.x

已选中 Main Screen,高亮 Export to cocosCreator3.x

界面逻辑用 Cursor 或 Codex 接上。在 Cocos Creator 里 Build 工程,预览会开到本地网页。

Cocos Creator 构建后的 Main Screen 本地网页预览

演示视频

从 Figma 经 Studio 进到 Cocos Creator 的完整一遍: