Skip to content
Talegates Interactive
A Talegates product

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.

Example: what your interface looks like in the Explorer
ScreenGui   MainMenu
└ Frame       Panel
  ├ TextButton  Play
  ├ TextButton  Settings
  └ TextButton  Quit

What Bloxma does.

The editor is free. Premium adds the rest of the toolset.

Free

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
Premium

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
Premium

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
Premium

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
Premium

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
Premium

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
Premium

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
Premium

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.