Tools

Blob Features

Snap to Border

Provides a quick way to align UI elements and manipulate their position.
Select a directional button to specify a target location. Then, select the desired action button to apply the change to the UI element.

Directional Buttons:
Click to set a target position or anchor point on the parent frame, selection does not move the UI element until an action button is applied.
Set Position Button:
Moves the UI element to the position selected with the directional buttons. If 'Anchor Point Affects Position' is disabled in 'Default Properties', the UI element aligns by its edge; if enabled, by its anchor point.
Set Anchor Point Button:
Changes the anchor point of the UI element to the direction selected without changing its position.
Set Anchor Point KP (Keep Position) Button:
Adjusts the anchor point while maintaining the UI element's position on the screen.
Center X Axis / Center Y Axis Buttons:
Centers the UI element horizontally or vertically within the parent frame.

Border Offset

Quickly offsets UI elements from the borders of a frame. Features four sides and four corners, with a property to ensure the position value is either set to scale or offset. Select a side button, specify the side or corner, and enter the pixel distance in the input box to apply the offset.

Offset Size

Allows you to set the size of UI elements using offset values. This is useful if you know the pixel size you want but do not know the scale value for it. Includes a toggle to confirm the final size output as either offset or scale.

Scale Size

Similar to Offset Size, but the input values are in scale. The final output can be toggled to be either scale or offset.

UI Corner

Set the corner pixel size and apply it to the selected UI element. Includes a toggle to preset the final value to be either scale or offset. Features two buttons to convert existing UI corner elements from scale to offset or vice versa.

UI Layout

Create UI grid layouts or list layouts. For grid layouts, specify the frame size in offset values, toggling between scale or offset for the final output. For list layouts, input the desired padding in pixels and toggle between offset or scale for output.

Bounding Frame

Creates a frame nesting two or more selected frames. The bounding edges are determined by the selected frames. The 'Unbound' feature removes elements from a frame and pulls them out, maintaining the original position and size.

Nudge Control

Quickly enable or disable nudging via a quick toggle. The movement value determines the amount of movement when keybinds are pressed. The default keybind is holding down Alt with the arrow keys; the Alt key can be reassigned, but arrow keys are permanent.

Convert Padding

Converts padding from offset to scale and vice versa for both the X and Y axes.

Aspect Ratio Constraint

Adds an aspect ratio constraint to an existing frame, locking its ratio.

Quick Gradient

Add a gradient to the selected UI element. Input two color values and the gradient angle. Supports HEX and RGB values.

Convert Text Size

Sets the pixel size of texts while having text scale enabled. Supports output to be either scale or offset.

Quick Image

Quickly replace the image ID of the selected image label.

Convert UI Class

Convert any pre-existing UI element to a different UI class such as Frame, Scrolling Frame, Text Label, Text Button, Text Box, Image Label, Image Button, and Viewport Frame.

Create New UI Instance

Insert any UI instance with a predetermined size using the X and Y input boxes. The values entered are in offset but output as scale for ease of use.

Default Properties

Multiple features to improve your quality of life experience while using the plugin:

• Size in Scale by Default:
  Ensures any new instance created is always in scale.

• Position In Offset by Default:
  Allows setting your position in offset by default.

• Anchor Point Center By Default:
  Sets the anchor point to the middle of any new instance (0.5, 0.5).

• Text Scaled True by Default:
  Ensures the TextScaled property inside any text label is true by default.

• Background Transparent by Default:
  Makes the background of any inserted UI element transparent.

• Remove BorderSizePixel by Default:
  Removes the BorderSizePixel.

• Image ScaleType Fit by Default:
  Ensures images fit within their frames.

• Selected Group Snapping:
  When multiple UI frames are selected, snapping is based on their bounding frame.

• Border Snap Based on Anchor Point:
  When using the border snap feature, it is based off the anchor point.

• Show Selected Bounding Size:
  Displays the size of selected UI frames; requires selecting more than two.

• Decal Converter:
  Converts a decal by replacing the image ID or adding a new image label and deleting the decal.

• Auto Adjust Aspect Ratio Constraint:
  Adjusts the aspect ratio according to a new size when enabled.

Colors & Gradients

Displays all colors and gradients in your workspace, allowing quick addition to any selected UI element.

UI Animation Preview (Alpha)

A preliminary feature for testing UI animations without complex code or preview tools. This might not be available on release.

Layout Order Editor

Easily edit the layout order of elements within a frame, avoiding the need for individual tweaks.