制作带商品卡片、分类和响应式预览的 Roblox 商店,并导出清晰的 Luau UI 代码。不需要注册或下载即可开始。
打开、关闭并筛选商店
在 1–6 张商品卡片中测试短文本和长文本。
导出结构
生成器会创建命名清楚的 Roblox UI 实例,包括响应式商店面板、分类控件、可滚动商品列表和明确的按钮状态。复制到 Roblox Studio 后每个部分仍可继续编辑。
ScreenGui ├── OpenShopButton └── ShopFrame ├── Header │ ├── TitleLabel │ ├── CurrencyLabel │ └── CloseButton ├── CategoryTabs └── ItemScroll ├── UIListLayout ├── UIPadding └── ItemCard × 1–6 ├── ItemImagePlaceholder ├── ItemName ├── PriceLabel └── BuyButton
Studio 交接
商店布局可能在某个桌面分辨率正常,但长标签或小视口会让它出问题。导出前检查这些情况。
选择商店类型,替换示例商品,并在复制文件前检查桌面和移动端预览。
在 Roblox Studio 的 StarterPlayerScripts 下添加 LocalScript,再粘贴导出的代码。
把物品首字母替换为自己的 ImageLabel 或资源 ID,再调整导出的颜色和文字。
将命名好的 BuyButton 连接到自己的 RemoteEvent 或 MarketplaceService 流程,并在服务器验证结果。
响应式检查
导出结果可以节省搭建时间,但不会假装知道你的游戏经济系统。把可见界面作为可靠起点,再连接属于你游戏的数据和购买规则。
生成的文件不会发放物品、扣除货币、保存拥有状态或确认 Robux 购买。这些操作必须由服务器代码验证,客户端只能发起请求,不能决定购买是否成功。
常见问题
它会创建可见的 ScreenGui、商品卡片、分类筛选以及打开/关闭行为。你仍需把购买按钮连接到自己的服务器验证购买流程。
可以。把 Luau 复制到 Roblox Studio 的 LocalScript 中即可。导出不依赖外部 require、loadstring 或运行库。
生成的面板使用 Scale 尺寸和约束,商品列表会随内容滚动。仍要在 Studio 设备模拟器中用自己的文字和图片测试最终结果。
你可以生成界面和 Robux 价格占位内容。实际购买提示、收据验证和奖励发放必须使用 Roblox 服务并在服务器端实现。
不是。Game UI Maker 是独立的创作者工具,不隶属于 Roblox Corporation,也未获得其背书。
使用方式
打开就能编辑,复制或下载 Luau 代码都不需要账号。
编辑器在手机浏览器里可以直接跑,预览能切换成手机布局,导出前就能确认缩放。
生成器在 Beta 阶段保持免费,不绑卡,没有试用倒计时。