先说结论

Figma to Godot 针对已经分层的 UI / HUD(.fig 或 PSD/PSB),要送进 Godot 当场景用。VberAI Studio 负责导入设计稿,再导出到引擎。这条路径的目标引擎是 Godot

导入可以走 PSD/PSB,也可以直接导入 Figma 工程。导出得到 .tscn;默认路径按 Godot 的 Assets 目录来写。

步骤 1:找到 Figma 文件

打开这一屏对应的分层 Figma 文件。已经命名的编组(画框、按钮、HUD 条)会带到 Studio,并进到 Godot 的节点树里。

Figma 里的像素风游戏 UI:Main Screen 画框含 HUD、奖励面板和已命名图层

步骤 2:导入 VberAI Studio

PSD/PSB。 先把 Figma 导出成分层 PSD,再到 Studio 选 Import → PSD/PSB

同一张 Main Screen UI 的分层 PSD

Studio 导入入口,选 PSD/PSB

Figma 工程。 在 Studio 的项目页选 Import Project,再选 .fig 文件。

Studio Recent Projects,高亮 Import Project

步骤 3:导出到 Godot

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

已选中 Main Screen,高亮 Export to Godot

对话框里把格式设成 Scene(.tscn)。Default paths 会去项目里找 Assets 文件夹,并按这套目录写文件。

Godot 导出对话框:Scene .tscn 与默认资源路径

演示视频

PSD/PSB 导入,再导出到 Godot:

Figma Import Project,再导出到 Godot: