Roblox GUI Maker

免费 · 免登录 · 导出干净 Luau

Roblox GUI Maker

浏览器内的可视化 Roblox 界面构建器。拖拽设计、调真实属性,然后导出干净的 Luau —— 粘进 Studio 就能跑。比 Studio 自带的 UI 编辑器快,比 AI 生成的更可控。

GAME TITLE
PLAY
SETTINGS
QUIT

响应式布局

组合 scale 和 offset、锚点、宽高比和尺寸约束,适配桌面、平板和手机屏幕。

交互预览

导出前预览显示、隐藏、切换、RemoteEvent 和 Teleport 按钮动作。

服务端安全动作

为 RemoteEvent 和白名单内的 Teleport 动作生成独立的服务端处理器,带清晰的校验边界。

ZIP + JSON 导出

下载完整的项目包,或保存可重新导入编辑器的版本化场景文档。

三步从空白到可用 GUI

1

拖拽搭建

把 ScreenGui、Frame、TextButton、TextLabel 等拖到画布上,嵌套容器、四角缩放、任意位置摆放。

2

调属性

直接编辑 Roblox 原生属性 —— BackgroundColor3、透明度、字体、字号、圆角。全是你在 Studio 里熟悉的名字。

3

导出干净 Luau

复制生产可用的 Luau,用 Instance.new 和 UDim2 重建你的 GUI,连按钮点击事件都生成好。粘进 LocalScript 就能跑。

从模板开始

全部模板 →
GAME TITLE
PLAY
SETTINGS
QUIT

主菜单

标题界面:开始 / 设置 / 退出

🛒 SHOP

商店

带可滚动 UIGridLayout 的物品网格

SETTINGS
Music
Sound Effects
Particles

设置

用 UIListLayout 堆叠的开关行

INVENTORY

背包

物品 / 皮肤的格子网格

LOADING
Tip: press F to pay respects

加载界面

标题、进度条与轮播提示

LEADERBOARD
1
Alex
9,820
2
Mia
8,104
3
Kai
7,551
4
Zoe
6,330

排行榜

带分数高亮的排名行

PREMIUM PASSES
Permanent upgrades for every adventure
VIP PASS
Gold name + VIP lounge
399 R$
BUY PASS
DOUBLE COINS
Earn 2x coins forever
249 R$
BUY PASS
SPEED COIL
Move faster in every world
149 R$
BUY PASS

Game Pass 商店

带购买请求的高级通行证卡片

REDEEM A CODE
Enter a creator code to unlock your reward
ENTER-CODE
REDEEM
Enter a code to check your reward
RECENT REWARDS
LAUNCHDAY - 500 Coins
WELCOME - Starter Crate

兑换码

兑换码输入、奖励示例与状态反馈

DAILY REWARDS
4 DAY STREAK | Come back tomorrow to keep it going
DAY 1
100
CLAIMED
DAY 2
150
CLAIMED
DAY 3
200
CLAIMED
TODAY
350
READY
DAY 5
500
LOCKED
DAY 6
750
LOCKED
DAY 7
CRATE
LOCKED
TODAY: 350 COINS
CLAIM DAY 4

每日奖励

七日连签加服务端请求

ACTIVE QUEST
-
Crystal Collector
Collect crystal shards
8 / 12
Reward: 350 Coins

任务追踪

可展开的目标与进度 HUD

HP
MP
XP
🪙 12,450

血条

血条、蓝条与经验条加金币计数

✓ Purchase Complete
VIP Pass activated
ℹ New Event Live
Double coins weekend started
⚠ Inventory Almost Full
Only 3 slots remaining
✕ Connection Lost
Reconnecting to server...

通知

堆叠的彩色提示通知

💬 TEAM CHAT
Alex: gg everyone!
Mia: anyone want to trade?
Kai: boss spawns in 2 min
Zoe: nice run
Alex: brb, getting coffee
Type a message...
SEND

聊天

可滚动的消息记录加输入与发送

Roblox GUI 是什么?

Roblox 里的 GUI(图形界面)是叠在游戏画面上的 2D 层 —— 主菜单、血条、商店、背包、设置、加载界面、HUD 都算。底层由 ScreenGui、Frame、TextButton、TextLabel 等实例构成,用 UDim2 的比例定位,所以能适配各种屏幕。一个 Roblox GUI 制作器Roblox GUI 生成器让你可视化地搭建这些界面,不必在 Studio 里手改每一个属性。

为什么在 Studio 里做 GUI 很慢

Studio 自带的 UI 编辑器是开发者吐槽最多的部分。手动放每一个 Frame、反复调 UDim2 偏移、每个游戏都重建一样的菜单结构,尤其对 Solo 开发者和刚学脚本的新人来说特别磨人。这种摩擦正是一个专业的 Roblox GUI 构建器要消除的。像这样的在线 Roblox GUI 编辑器让你无需安装 Studio,在任何设备上都能设计和导出。

这个工具和别的有什么不同

很多“AI 做 GUI”的工具吐出来的是占位布局,你还得自己收拾。我们正好相反:一个精确的可视化画布,你完全掌控。属性名和 Roblox 完全一致(BackgroundColor3、BackgroundTransparency、ZIndex),可以嵌套容器、用 UIListLayout/UIGridLayout 自动排列、加圆角和渐变,导出的 Luau 干净到能直接发版 —— 真实的 Instance.new、UDim2.new 定位,还带按钮的点击事件。

适合谁

想做好看的菜单又不想和 Studio 检查器较劲的新手;想几分钟而不是一小时就搭好商店或 HUD 的老手;以及任何更愿意可视化设计 GUI、再交出干净 Luau 的人。它免费、在浏览器里跑、从不要求你注册。无论你叫它 Roblox GUI 制作器Roblox UI 构建器,还是在线 Roblox GUI 编辑器 —— 目标都一样:更快地做出精致的界面。

常见问题

Roblox GUI Maker 免费吗?

免费。编辑器免费、无需账号,项目数据只存在你的浏览器里,除非你主动下载。

能导出哪些文件?

可以复制或下载客户端 Luau、下载可选的服务端 Luau、导出可编辑的 JSON 场景,或下载包含项目文件和说明的 ZIP 压缩包。

能针对手机和平板设计吗?

可以。设备预览和响应式几何控制覆盖 scale、offset、锚点、宽高比和尺寸约束。

编辑器会生成游戏逻辑吗?

它生成 UI 实例和选中的交互接线,包括独立的 RemoteEvent 和 Teleport 服务端处理器。安全的经济、购买、奖励、权限与 datastore 校验仍由你负责。

生成的脚本在 Roblox Studio 里放哪?

客户端 Luau 放在 StarterGui 下的 LocalScript 里。生成的服务端 Luau 放在 ServerScriptService 下的 Script 里。

这是 Roblox 官方产品吗?

不是。Roblox GUI Maker 是独立的非官方创作工具,与 Roblox Corporation 无关,也未获其认可。