免费 · 免登录 · 导出干净 Luau
Roblox GUI Maker
浏览器内的可视化 Roblox 界面构建器。拖拽设计、调真实属性,然后导出干净的 Luau —— 粘进 Studio 就能跑。比 Studio 自带的 UI 编辑器快,比 AI 生成的更可控。
三步从空白到可用 GUI
拖拽搭建
把 ScreenGui、Frame、TextButton、TextLabel 等拖到画布上,嵌套容器、四角缩放、任意位置摆放。
调属性
直接编辑 Roblox 原生属性 —— BackgroundColor3、透明度、字体、字号、圆角。全是你在 Studio 里熟悉的名字。
导出干净 Luau
复制生产可用的 Luau,用 Instance.new 和 UDim2 重建你的 GUI,连按钮点击事件都生成好。粘进 LocalScript 就能跑。
从模板开始
全部模板 →Main Menu
Title screen with Play / Settings / Quit
Shop
Item grid with a scrollable UIGridLayout
Settings
Toggle rows stacked with UIListLayout
Inventory
Slot grid for items / cosmetics
Loading Screen
Title, progress bar and rotating tip
Leaderboard
Ranked rows with score highlights
Roblox GUI 是什么?
Roblox 里的 GUI(图形界面)是叠在游戏画面上的 2D 层 —— 主菜单、血条、商店、背包、设置、加载界面、HUD 都算。底层由 ScreenGui、Frame、TextButton、TextLabel 等实例构成,用 UDim2 的比例定位,所以能适配各种屏幕。
为什么在 Studio 里做 GUI 很慢
Studio 自带的 UI 编辑器是开发者吐槽最多的部分。手动放每一个 Frame、反复调 UDim2 偏移、每个游戏都重建一样的菜单结构, Solo 开发者尤其痛苦。这个工具就是要把这部分磨洋工的活儿去掉。
这个工具和别的有什么不同
很多"AI 做 GUI"的工具吐出来的是占位布局,你还得自己收拾。我们正好相反:一个精确的可视化画布,你完全掌控。属性名和 Roblox 完全一致(BackgroundColor3、BackgroundTransparency、ZIndex),可以嵌套容器、用 UIListLayout/UIGridLayout 自动排列、加圆角和渐变,导出的 Luau 干净到能直接发版 —— 真实的 Instance.new、UDim2.fromScale 定位,还带按钮的点击事件。