Design Roblox UI where you build Roblox games.
A design canvas, components and prototypes inside Roblox Studio. Everything you make is native Roblox UI.
Try Bloxma in your browser.
A simplified, interactive demo. Move things around, try a phone screen, run the Linter and press Preview. The real plugin does all of this inside Roblox Studio, on real Roblox UI.
UI in Studio should not mean nudging properties one by one.
The usual way
Building a menu means adjusting sizes and offsets in the Properties window, with no overview of how your screens connect or whether they will hold up on a phone.
The Bloxma way
Bloxma brings the way designers work, a canvas, layers, components and prototypes, into Studio itself, and saves the result as ordinary Roblox UI instances.
Runs directly inside Roblox Studio.
No export step. No separate app. No lock-in.
- Installs as a Studio plugin and opens as a dockable window.
- Your interface is real Roblox UI under
StarterGui. Open the place without Bloxma and it is all still there. - Prototype data is stored on your own objects as attributes, and the same data drives Preview and your running game.
Roblox developers
Build menus, HUDs and shops faster, and keep them consistent as your game grows.
UI and UX designers
Work with a canvas, components and prototypes you already know, without leaving the engine.
ScreenGui MainMenu └ Frame Panel ├ TextButton Play ├ TextButton Settings └ TextButton Quit
UI Editor
A canvas where every ScreenGui is an artboard. Layers mirror the real Roblox hierarchy and an inspector gives you designer-friendly controls over real properties.
- Click, drag, resize and rotate on the canvas
- Responsive by default: new layers use Scale
- Pin, stretch, fill and fit-content sizing, plus auto layout
Prototype
Connect screens and define what happens: drag from a layer to another screen to create an interaction, then preview the flow without leaving the editor.
- Triggers like click and hover
- Navigate, show, hide, toggle, change state, play an animation or a sound
- The same data drives Preview and your running game
Components
Turn a layer into a component with variants, and place independent instances of it. Change the master, update the instances.
- Variants such as Default, Hover and Disabled
- Each instance owns its current variant
- Interactions inside a variant belong to the component
States
Hover, pressed, selected and disabled looks, plus your own. A state records how it differs from the layer, so it follows the layer when you move or resize it.
- Built-in Hover, Pressed, Selected and Disabled
- Create custom states such as Loading or Equipped
- Switch from an interaction, or from a script
Animations
Fade, slide, scale, pop, spring and bounce, driven by TweenService and triggered by interactions. Preview them right on the canvas.
- Triggers: when shown, click, hover, hover end, press
- Control duration, delay and easing
- Runs the same in Preview and in game
UI Linter
Checks your interface for spacing, alignment, typography, accessibility, responsiveness and UX problems before players meet them, and can suggest fixes.
- Rules across layout, readability and accessibility
- A score for each screen
- One-click fixes where a fix is safe
Pen Tool
Draw custom shapes directly on the canvas when the standard building blocks are not enough.
- Draw on the same canvas as the rest of your UI
- Shapes stay editable
Icon Library
Search a large built-in icon library and drop icons onto the canvas. They become normal, recolourable image layers.
- Searchable, with outline and filled styles
- Click or drag an icon in
- Recolour it like any other image layer
Free to start. Premium and Lifetime for the full toolset.
Free
The core UI Editor, for as long as you like.
Premium
Everything in Free plus prototyping, components, states, animation, the UI Linter, the Pen Tool and the Icon Library. Monthly or yearly.
Lifetime
The Premium features, permanently, with a single purchase.
Create your account
One Talegates account for the website and for Bloxma. Free.
Install Bloxma
Add the plugin to Roblox Studio. Download and install instructions are in Resources.
Log in from Studio
Choose Log in with Talegates, approve in your browser, and Bloxma enables your plan.
Try Bloxma free.
Create a Talegates account and start designing UI inside Studio today.