UI Zoom Feature Preview — From My Upcoming UI Design Plugin
I wanted to share a small but powerful feature from a larger UI-designing plugin I’ve been developing.
Zoom-to-UI Feature
This tool allows you to smoothly zoom in/out of UI elements while designing, making it easier to work with detailed interface layouts, layered frames, and smaller UI components that normally require a lot of manual navigation.
It’s designed to feel natural, fast, and precise — especially useful for complex UI workflows.
Part of a Much Bigger Plugin
This zoom feature is just one component of a full UI design plugin I’m currently working on.
The larger plugin includes many more capabilities aimed at speeding up and simplifying UI creation in Roblox Studio.
I’m actively polishing it, and it will be available to the public soon.
This post is just an early look at one of its features.
Demo
Let me know what you think, feedback is appreciated!
More feature previews coming soon.
This is something that I’ve actually always needed! When doing really precise UI I’ve always had to lean in and squint my eyes to make sure it’s pixel perfect, so this is extremely useful.
this should go in creations feedback (Help and Feedback > Creations Feedback).
community resources is for any released models to help with developers; this one isn’t released at this time.
Can’t you do this with a ui scale element? Why over complicate it?
There seems to be an abundance of these resources now, suspicious usage of emojis, and not knowing newer features. My guess is that AI played a part in the creation of this?
All of this + the fact the logo for the plugin is AI generated…
Nice, but it should be in Help and Feedback > Creations Feedback.
It looks slightly janky with the camera movement happening when trying to pan the UI, is there a possibility of that being fixed?
You can compress the UI down to a small bar in the viewport.
That’s all you really need! The scale factor, and the viewport size.
The keybindings you chose are not very familiar, I recommend these instead since they are used in many 2D image viewing programs.
Recommended Keybinds
Space + LMB (drag) Move View with Cursor Ctrl + Scroll Up Zoom In Ctrl + Scroll Down Zoom Out Scroll Up Move View Down Scroll Down Move View Up Shift + Scroll Up Move View Right Shift + Scroll Down Move View Left
I remember i tried these universal keybindings at first but roblox default tools were being manipulated as well sadly.. plus i think the current keybinds and panning is pretty smooth and even fun to use