Figma 到 Cocos Creator
把分层 Figma 导入 VberAI Studio,导出到 Cocos Creator 3.x,再在本地网页里预览。
先说结论
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。

步骤 2:在 Studio 里 Import Project
到 Studio 的项目页,选 Import Project,再选 .fig 文件。

步骤 3:导出并预览
选中这一屏(例如 Main Screen)。打开 Export,选 Export to cocosCreator3.x。

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

演示视频
从 Figma 经 Studio 进到 Cocos Creator 的完整一遍: