在线搭一个完整的 Roblox 游戏 UI
先选你要的界面，再定风格，改完字段后导出和预览一致的 Luau。同一个工作区覆盖商店窗口、背包格子、主菜单和它们上方的 HUD。
实时预览
生成的 ScreenGui 工作区
可视化主题
切换风格时保持同一套 Luau 组件树不变。
图层化输出
导出前就能检查生成的框、文字和按钮。
纯 Luau 导出
复制干净的 ScreenGui 代码，不依赖外部运行时库。
结构
一个 Roblox 游戏 UI 到底由什么组成
大部分做坏的界面不是不好看，是结构错了：几个界面抢同一层、HUD 元素靠手摆、打开了没有明确的路回去。这些比配色更值得先定下来。
- 一个界面一个 ScreenGui，商店窗口永远不会和菜单抢同一层。
- HUD 常驻不销毁，其他界面在它上方打开。
- 用 UIListLayout 和 UIPadding 排布，不手摆偏移量，手机上缩放不会崩。
- 价格、状态、文字各自独立成框，购买后只更新一个标签，不用重建整张卡片。
- 每个能被打开的界面都要有可见的关闭路径。
PlayerGui
└── GameUI (ScreenGui)
├── HUD (Frame)
│ ├── HealthBar
│ └── Hotbar
└── Screens (Frame)
├── Shop
├── Inventory
└── MainMenu怎么用
从空白到 Luau，四步
- 第 1
选界面类型
商店、背包、主菜单、HUD、每日奖励或通行证弹窗。类型决定生成器会搭哪些部件。
- 第 2
定风格
霓虹、模拟器、奇幻、极简、军械、可爱。风格只改颜色、圆角和内边距，不改结构。
- 第 3
改字段
标题、价格、格子数量、按钮文字、商品行都是普通输入框，照着你的游戏填。
- 第 4
导出 Luau
复制或下载脚本，粘到 Studio 里一个 ScreenGui 下面，再接上真实数据。
接游戏逻辑之前先查这几项
导出只负责界面本身。在 Studio 里接事件之前，这几处值得先过一遍。
- 用手机模拟器打开一次——桌面端放得下的文字在 390px 宽度经常被裁掉。
- 确认每个能打开界面的按钮都有对应的关闭路径。
- 确认货币和价格是两个独立元素，不是拼成一句话。
- 确认界面打开时 HUD 仍然可见。
对比
和其他 Roblox UI 工具的对比
下表每一格都按各工具自己公开的页面填写，核对日期 2026-10-22。对方没有公开的项目写「未公开」。
| 工具 | 导出 Luau | 浏览器内使用 | 价格 |
|---|---|---|---|
| Game UI Maker | 是 | 是 | Beta 期间免费 |
| Roblox GUI Maker（robloxguimaker.com） | 是 | 是 | 免费（未列出付费计划） |
| UI Builder（DevForum，开发中） | 未公开 | 未公开 | 未公开 |
| RoUI（roui.app） | 是（Luau 和 .rbxmx） | 是 | 公测期间免费 |
Roblox GUI Maker、UI Builder、RoUI 均为独立产品，本页与它们没有关联；具体信息请以各工具官网为准。
问题
Roblox 游戏 UI 常见问题
这是模板还是生成器？+
生成器。你自己改类型、风格和字段，导出的是 Luau 源码，不是固定的素材包，也不下载成 Roblox 模型文件。
应该先做哪个界面？+
先做 HUD 加一个界面（商店或背包），再考虑加更多。这两个覆盖了玩家大部分操作，而多一个界面就多一份关闭路径和缩放检查。
手机上能用吗？+
能。编辑器在手机浏览器里可以直接跑，预览可以切成手机布局，用来确认缩放。
导出需要账号吗？+
不需要。不注册也能复制或下载 Luau。账号只跟价格页里描述的付费生成功能有关。
导出的代码能直接用在游戏里吗？+
它会创建界面和示例行。RemoteEvent、背包数据和购买流程仍然要你自己接，所以导出把价格和状态拆成了独立元素。
使用方式
不用注册
打开就能编辑，复制或下载 Luau 代码都不需要账号。
手机上能用
编辑器在手机浏览器里可以直接跑，预览能切换成手机布局，导出前就能确认缩放。
Beta 期间免费
生成器在 Beta 阶段保持免费，不绑卡，没有试用倒计时。