If you’re a GUI designer of some sort, then the chances are that at some point you needed to “nudge” a GUI object are pretty high. You either had to precisely drag it, or manually mess around with it’s UDim2 values which can be frustrating and annoying to do at times.
I have solved this annoyance with my new nudge tool!
You can select between “Scale” and “Offset” in the settings menu which should be in the top left of the widget (video shows an older version which does not contain it).
The plugin is pretty simple to use. Select a GUI object, and set an increment at the bottom of the widget, then click any of the arrow buttons. Alternativly, you can use arrow keys.
Note: Studio window must be in focus for arrow keys to work
Would you be able to ping this to something more practical such as the arrow keys, I feel constantly having to move the mouse to adjust is not that much faster then just modifying the explorer properties.
This is something I wanted to do, but the arrow keys default to selecting things in the explorer or moving the studio camera around. I will try to find an alternative way.
So far, I have found no possible way of using the arrow keys without some sort of issues. If you have any suggestions, please let me know!
After some thinking, I have come up with a way to use arrow keys reliably without much issues. Not sure how I haven’t thought of this method months ago. Expect an update after I do some more testing.
I’ve been using the original Nudge Tool extensively in Roblox Studio and found it incredibly useful — but also missing a few key things. So I went ahead and enhanced it.
If you’re working with GUIs, this updated plugin should make your life significantly easier.
What’s New
Responsive Plugin UI
The plugin window now uses scale-based sizing instead of fixed offsets — this makes it behave properly on different screen resolutions and docked layouts.
Arrow Key Hold Support
You can now hold down arrow keys to continuously move or resize objects — no more tapping like a maniac.
Shift Modifier for Resize
Holding Shift + Arrow Key now resizes selected GUI elements instead of moving them. The amount is also the increment — similar to what you’d expect in tools like Visual Studio.
Shift + Right → increase width
Shift + Down → increase height
Shift + Left/Up → shrink accordingly
Ctrl Modifier for Precision Nudge
Holding Ctrl + Arrow Key moves or resizes selected GUI elements by half the current increment, enabling more precise adjustments when needed.
Proper Undo Support
Every change is now grouped into a single undo step. You can now confidently use Ctrl+Z to revert nudges, even after holding a key down.
Plugin Widget Input Support
After selecting a GUI object (e.g. via the Explorer), you can now use arrow key interactions from either the game viewport or the plugin window.
No longer do you need to select the item from the Explorer, then try to click it within the game viewport to gain focus — the plugin now captures input directly, making the workflow faster.
Disclaimer: Due to a possible limitation in Roblox Studio, Shift and Control key input cannot be reliably detected when the widget has focus. I couldn’t find a way to work around this. If you need modifier functionality (like resize or precision move), use the arrow keys from the game viewport. By request I could also add a UI button to change between Size and Position if wanted.
Other Improvements
Default increment is now 0.01 when no value is set or saved.
Improved plugin cleanup and reload behavior, though mostly relevant to developers iterating on the plugin.
Toggle Studio UI Selection Handles
You can now hide the Studio selection handles (like resize boxes, distance lines, etc.) when working with GUI elements. Useful for getting a cleaner view during editing. (Due to potential Studio limitations, there is a brief flash, a permanent blue bounding box, and anchor indicator I cannot hide.)
New Extras Menu (Left Panel)
Added a new “Extras” tab with quick-access utilities to manipulate GUI elements:
Fit to Parent: Instantly resizes and centers selected UI objects to fill their parent (Size = 1,1 and Position = 0.5,0.5).
Quick Size Scale: Converts selected elements (and children) from offset-based sizing to scale-based sizing. Automatically adds UIAspectRatioConstraint where needed.
Quick Size Offset: Converts scale-based sizing back to pixel (offset) values.
Aspect Ratio (QuickRelative): Smartly scales selected elements and their children relative to their containers and applies aspect ratio constraints where appropriate.
This is somewhat of an all-in-one tool for me — I want to consolidate all the UI tooling I use from other plugins/scripts into a single tool.
If you have a feature that I find useful — or a tool that doesn’t currently exist but should — I’ll consider adding it. So feel free to reach out with any further feature requests.
Both Quick Size Scale and Quick Size Offset apply not only to the selected UI objects but also to all of their descendants. This includes adjusting properties on child instances like UIPadding, UICorner, UIGridLayout, and more — ensuring consistent layout scaling. For example, things like padding, corner radius, and cell size in grids are automatically updated to match the new sizing mode.
What’s New
Disclaimer: Due to a possible limitation in Roblox Studio, Shift and Control key input cannot be reliably detected when the widget has focus. I couldn’t find a way to work around this. If you need modifier functionality (like resize or precision move), use the arrow keys from the game viewport. By request I could also add a UI button to change between Size and Position if wanted.
Other Improvements
Updated Again — Nudge Tool v2.1
Toggle Studio UI Selection Handles
New Extras Menu (Left Panel)