UI Tools: The All-In-One Interface Design Solution

thank you!! it works perfectly now! I like how you are able to explain what the update is on the changelog before I install it, very nice

1 Like

Hello, May I ask If this plugin automatically scales depending on the ViewportSize changes? Because I’m planning to buy it right now so I was wondering If it includes the UI to scale in fit with different device

Are you talking about the ViewportSize property of the Camera instance? If so, I assure you that it calculates the scale based on this property if the element is not parented under a GuiObject.

Here’s how I’m getting the viewport size:

You can also notice that it’s checking if the parent is a ScrollingFrame, meaning that elements under it will scale correctly.

Padding is also taken into account.


I just noticed that your question can be interpreted differently. If you’re asking if this plugin has a scaling feature, my answer is yes. You can view an example here.

Suppose your question is if it will automatically run the scaling feature every time the ViewportSize property changes, then no. You only have to use it once. The easiest way is to select the LayerCollector (e.g. ScreenGui) that contains your UI and then use the Fast Scale option in UI Properties > Fast Scale.

I would save an unscaled version of the UI, though. This way, you can easily edit it without messing up the scaling.


Another tip I have, use the device emulation feature in Studio > Test > Device while making your UI. I’m using the 1080p screen size myself.

The screen size stays the same, so you don’t have to worry about it.

1 Like

I’m extremely appreciative of the information you’ve shared. The tool you’ve described is exactly what I’ve been in search of for months. The way it functions so seamlessly and the thoughtfully designed UI have me convinced that it’s the right choice. I’m excited to confirm my purchase for tomorrow.

2 Likes

is there any updates still planned? i love this plugin and it makes my work easier. im asking because its been 3 months since the last update

I’m glad my plugin is helpful to you.

I have some things planned in mind, for example, remaking the Properties widget because I’m not satisfied with its current state. I want to improve its UX and make it much more usable.

I can’t longer find the time and motivation to work on new updates. That’s the reason you don’t hear anything about them lately.

This issue destroyed my passion for working on the icons update I promised.
Before writing this, I checked if the issue was still there, and I had no luck this time too.

This issue is not particularly related, but it’s making some plugin sales pend for months, if not forever.

I had finished uploading all icons from the Fluent Icons pack but realized that they don’t look good when you resize them. And most of the 16-pixel icons look bad since they don’t seem to support this specific size.

Here’s how some of the stroked 16px icons look like:

Some of the 16px filled icons had the same issue:

Larger icons don’t seem to have this issue, though. I have this video with a search bar and category prototypes:

If that had been all, I would have removed the 16-pixel icons and been left disappointed, but when I realized that they have these dark outlines when you resize them, I thought of re-uploading the entire pack. This batch went through my forked version of Pixelfix, so the process became automated. I also included 512x512 icons, so the total amount of uploaded icons was the same as before, now that I excluded 16-pixel icons.

I managed to upload 27K+ out of about 32K+ images (with approx. 30-50 moderated), as seen in this image:

I also wanted to upload other free icon packs, for example, the material icon pack. But I can’t do that anymore.

Anyway, I don’t think I’ll abandon this plugin just yet. If I do, I want it to be in a condition where I’m satisfied with its looks and features.

About updates, it’s uncertain, but I’ll work on this plugin when I have the passion to. I know I will, but not when. That’s how it is with most of the updates for this plugin.

4 Likes

love this plugin, especially the fast scale its way better than Autoscale (i have both lite & pro and wasn’t satasfied) this is the best plugin i bought tbh

3 Likes

Why did you remove the auto position system. Like Left, Right, Down/Up and Center? I used that all the time. This plugin kinda sucks now without it. Also I used to be able to convert to scale/offset faster. Now I gotta select 2 tabs, just takes more time.

2 Likes

I have a few questions regarding the new update:

  1. Why does it feel like a downgrade? As in I have to use the old open source version for the tools I want

  2. Why is the old version open source? I feel like it has a lot of value and considering I paid 500 robux for the plugin it should be available in some way for those who own it

  3. Did the new update include anything other than just the UI changes? Or is there anything new, just wondering since I’m using the open source version instead of the one I paid for

Anyways sorry if anything came out badly or rude, I understand you put a lot of time and effort into this plugin so keep at it and gl with everything else :+1:

Thanks for the feedback!

Your first question contradicts your third question, which implies that you haven’t checked the new version.

Yes, there’s more than the UI. Although nothing is entirely new, the tools have been upgraded and are more stable and allow more customizability than the old version’s tools. More importantly, the scaling functions are much better than the ones in the old version. I know that not all tools from the old version are in the new version, so I’m willing to bring them back, new and upgraded, if there’s a high demand for that.

As for your second question, I don’t remember the exact reason for open-sourcing the old version, but I currently see it as a “lite” version and a goal - to make people choose the paid version instead.

It’s certainly of value, but it loses it when not used by anybody. I could have integrated it into the new version, but that didn’t look “clean” to me.

2 Likes

Hey, everyone!

I want to announce some exciting stuff that will come out in the next update. I can’t promise when, though, lol.

But let’s talk about the present first. I want to show off the new plugin icon, which looks surprisingly well, even though it’s made by me, who sucks in this area of digital design.

Prepare your eyes to see the magnificent artwork of mine!!!

Seriously, though, I really like how it looks in the Creator Marketplace and the plugin homepage.

Here, it looks even better:

That new icon aside, the next update will include approximately 100K images from 3 icon packs. I don’t know the exact number of unique icons, but it’s about 100,000 / 7, where 7 is the number of size options.

So it’s about 14K icons of different styles - regular and filled for Fluent Icons and regular, sharp, round for Material Icons. I haven’t touched Material Symbols, so I’m unsure about them yet.

Have all of the icons gone through Pixelfix?! YEZZIR :sunglasses:

They are sourced from Microsoft’s Fluent Icons and Google’s Material Icons & Symbols libraries. I’m still in the process of uploading them, but I can say that I’m already about 50% done.

There’s the problem of moderated images, which I’m still not sure how to address. If you have an idea, I’ll happily listen.

The other part of this update will include a library of small scripts, mainly focused on scaling issues. I currently have solutions for 2 of them, which I’m using myself to scale scrollbars and fix the padding gaps that appear when using grid and list layouts by changing the canvas size.

Here’s what the padding issue looks like:

d73fa9282a1b55291ecf61d2eab18296

When fixed:

8a3184d47a06cb8828006fabde511fb2

That’s about it - I want to focus on new features in this update and improve/redesign the existing ones sometime later.

P.S:
I forgot to mention, but once I build a new computer, I’ll be able to capture my screen at a high framerate and edit videos without torturing the hell out of my PC.

Without a voiceover, unfortunately. I still have to buy proper peripherals.

7 Likes

Thanks for the reply, I understand and I’m looking forward to the latest update, good luck with everything!

3 Likes

While I do enjoy the new tools in the update, I can’t help but prefer the old layout you had

The old layout was much convenient for quickly setting ui properties rather than the current where it’s more for finer details

edit: found the open sourced version
thank you :pray:

1 Like

Hi, i hope i can modify “Position” and “Size” (the most 2 important properties) in the plugin.

If i can specify which property display in the plugin is the BEST (eg: Position, Size, Transparency)

Can we get a setting to keep the position of the UI element when changing the anchor?

1 Like

Zili, we can have the old version? i like the old more

Here it is UI Tools: The All-In-One Interface Design Solution - #14 by zilibobi

Why the two most important attributes:“Position” AND “Size” not appear in “Properties” I Hope the two attributes can sync from studio to plugin to watch and edit from your plugin to fast apply chage

Hey everyone. After a long delay, update v2.2 is now released. It introduces 3 icon packs, 2 new settings, and some improvements to the tools.

Icons

image

Icon packs included:

  • Fluent Icons, made by Microsoft - MIT license;
  • Material Icons, made by Google - Apache License 2.0;
  • Material Symbols, made by Google - Apache License 2.0.

Copies of both licenses:

Settings

  • “Visualize relevancy in icon search”
    image

  • “Setting anchor doesn’t update position” - suggested in #86.

Extra

  • Updated the anchor editor. The mode you last used is restored on re-launch.
    image
    image

  • The latest API dump is now fetched from https://setup.rbxcdn.com - a domain owned by Roblox.

An example use-case of the new icons

image

New thumbnail

P.S.

Some icon images may be moderated by Roblox. It’s natural when you are uploading thousands of images. Get the icon from the repository it has been taken from or contact me and I will send you the file.

I have background blur enabled. That’s why the screenshots look so good.

The future

I do not want to maintain this plugin anymore. The code base is old and messy. I don’t have time and passion to rewrite everything for the third time. I also recently switched to Linux, which makes Roblox development, especially plugin development, harder as there is no official Linux support for Roblox Studio and Roblox.

4 Likes

W update, is this the last update? I wanna see what you can do now with this plugin.

1 Like