[1.2.1] UI Gizmos - Enhanced Gizmos for easier UI work

Resources Community Resources
, , ,
1

UI Gizmos

Is a free plugin that completely replaces the default UI Editor Gizmos when it is active. I created this to make working with UI easier, especially when creating animations for UI (see).

                 Store Link | Feedback/Bug Reports

Key Features

Tools

  • Move
  • Scale
  • Rotate

Modes

  • Toggle between Scale and Offset modes. This affects Move and Scale tools.
  • Toggle between Local/ and Global modes - important for rotated objects

Snapping

  • Enable Snapping
  • Set Grid Size affects how Move and Scale tools snap to the grid
  • Set Snap angle for Rotate tool
  • Toggle the Grid to visually see how objects snap to Grid

Anchor Point

  • Change anchor point position with buttons
  • Can toggle visual anchor point and move it to wanted position

Keybinds :keyboard:

  • See keybinds in the plugin for actions.
  • All keybinds are rebindable.

Misc Features

  • Selection Cycling with (Alt + Left Click) selects cycles through children and descendants of a UI object hierarchy in a DFS order
  • Holding Shift while dragging edge handles with Scale tool sets the scale around the center of an object
  • Holding Shift while scaling with the corner handle scales the object uniformally
  • Multi-Selection works seamlessly between explorer and viewport.

That’s it! If you like working with UI and want to make your work more efficient this is for you, now go get it!

And if you like the plugin please consider giving a review!

12 Likes
2

Very cool! Does this plugin support custom keybinds , or am I locked into using the 1, 2, and 3 keys for switching tools?

1 Like
3

Thanks! Not right now, but I might add that. How would you like to bind the keys, it might be an easy fix for me.

4

Maybe like a Edit binds button which takes you to a page for each bind

5

Change log

Version 1.1.0

  • Improved the Move tools gizmo by adding left and bottom handles as well.

image
image787×721 82.5 KB

6

can you support for the move to toggle between local and global space just like you can with frames on parts?

7

and rotation around anchor points

8

Moving locally and globally inside the ui doesn’t work like the workspace. You move locally when a frame is a child of another frame. The child moves locally. The parent if it’s parented to the LayerCollector (e.g. a ScreenGui) it moves globally you could say. I don’t understand this suggestion, can you give some context to what you mean?

1 Like
9

That’s tricky, since that would mean overriding native behavior. I have to think about that one.

1 Like
10

sry I meant the movement axis to switch between rotation and non rotated so when a thing is like 35* rotated you can still move it left and right and not in the rotarion direction

11

Oh okay! I get it! That’s a really good suggestion! I will add it to my backlog! I will implement that!

1 Like
12

idk if its currently supported but keyboard shortcuts to switch between the different gizmos like move and for rotation like the default move gizmo ctrl + L for world or local afaik, scale, rotate

13

That’s already supported, check the keybinds and misc features section of the post.

1 Like
14

UI Gizmos just got a big update!

Changelog v1.2.0

  • Added Local/Global move mode — toggle between moving along the object’s rotation or straight viewport X/Y (suggested by @4MyFate
  • Added rebindable keybinds — customize every shortcut through a dedicated Keybinds panel
  • Added multi-select — Ctrl+click to select multiple objects and move them together while keeping their spacing
  • Scale and Rotate now work on multiple selected objects individually
  • Keybind settings persist across Studio sessions (suggested by @Shazmohammed)

Local/Global Move — you know how moving a rotated frame used to drag it along its own weird angle? now you can flip to Global mode and it just moves straight left/right/up/down no matter how its rotated. hit Q to toggle or use the button in the panel.

Rebindable Keybinds — every single shortcut is now customizable. open the Keybinds panel (Shift+K), click “+ Add” on any action, press whatever key you want. done. your binds save between sessions too so you only set it up once.

Multi-Select — Ctrl+click to grab multiple objects at once. drag them around and they all move together keeping their spacing. scaling and rotating works on each one individually from their own center.

Thats it, go try it out. Lemme know if anything breaks

2 Likes
15

Patch Notes v1.2.1

Fixes

  • Selecting multiple GuiObjects in the Explorer now carries over as a multi-select when returning to the viewport
  • Multi-select automatically switches to Global move mode, since mixed rotations have no clear local axis
1 Like