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

[zilibobi (Checkmate)]

UI Tools v2.6

Purchase on Creator Store | Purchase on itch.io | Theme Editor | Report a Bug

Features

• unit conversion with support for 6 different properties,
• an easy-to-use anchor editor,
• a properties widget with custom colors, gradients, and quick action buttons, such as fast scale,
• UI Scale scaling support,
• over 8.5K+ unique icons in 7 size variants with Pixelfix pre-applied,
• an extremely customizable plugin interface.

Why UI Tools?

UI Tools has a wide variety of features and is most prominent for its extensive scaling options.

With UIScale scaling you can forget about the scale property and preview scaled UI in real-time, significantly simplifying the process of scaling and speeding up your workflow.

UIScale also scales scrollbars and strokes, keeping the same look on every screen.

A comparison between AutoScale Plus and UI Tools

This is a comparison in traditional scaling, where you convert each property to Scale and use built-in constraints to make the UI look the same on all screens.

This is different from UIScale scaling, but it achieves the same result.

AutoScale Plus

UI Tools

Icons

The thumbnail is self-explanatory. There are over 8.5K icons in this plugin and they all went through Pixelfix, which removes the dark outline all resized images on Roblox have.

Themes

I love this feature, and I’m sure you will too. This feature lets you customize the plugin interface by importing a JSON stylesheet.

Creating a Theme

If you don’t want to create a theme by editing a JSON file, I made a theme editor for you.

Here’s a video showcasing it:

UI Tools - Custom Themes

FAQ

I can’t buy the plugin in my region

If you have PayPal, you can purchase the plugin from itch.io.

I have a question regarding a feature

You can private message me on Devforum regarding your question, but it can take a few days for me to answer.

I want a feature to be implemented

This plugin is no longer actively maintained, and I likely won’t implement the feature you want.

[3_F7]

Amazing work! Makes it way easier to use this plugin and has many cool additions.

[bostaffmanbulgaria1 (Lua_ProgrammerBG)]

Man…
Gotta get used to the new UI

Also Inkscape better than free trial Photoshop

[Pyrenol (Pyre)]

Nice. I love the new features compared to the previous ones, especially the additional conversions, the properties editor and the styling customizations. Although I wished you kept the Fast Actions section (especially Remove Background, Remove Border, & Fit Parent since that’s what I use the most ).

Other than that I’m not sure I’d take a liking to using dropdowns (especially for position and size) to change modes in the Conversions since it makes for a slightly less quicker switch. Perhaps maybe in future versions, the plugin can detect what conversion can be used depending on the current selection. (like if a user is currently selecting a Frame then it will only show bot Size and Position offset & scale buttons, and if UICorner it’ll just show Scale and Offset since the only thing you can convert is the corner size etc.)

Keep up the good work!
Cheers

[PokedWasTaken (Poked)]

Oh god.

I like the new features, but could you incorporate them into the old UI? I feel like the old UI was much friendlier.

[itpdw]

Shouldn’t this be in resources?

[Maxi130TV]

No, it costs money and is not open source.

[VSCPlays (Void)]

@fivefactor has a showcase on interface tools, it costs 500 robux, and the showcase is on #resources:community-resources

[Maxi130TV]

That isn’t allowed, the person should move their topic once it isn’t free/open source anymore.

[SubtotalAnt8185]

I think you’re referring to the interface tools plugin. This is clearly allowed since it was made when paid plugins were allowed on the resources page (they seem to have changed the rules without notice).

---

There’s a bug with the topic’s image. Do I really need to DM?

I somewhat like the UI, but the text where you switch from Position to CellSize in the video is not enough. The anchor editor’s grid should also be customizable to an extent.

A gradient creator, preferably with some gradient presets would be nice to include (if not already).

Here's a gradient that I use

goodGradient.rbxm (620 Bytes)

[zilibobi (Checkmate)]

I thought the image would get fixed by itself. It does seem to work just fine on my phone, though. I will try fixing it.

About your suggestions, I did plan to make a video for each feature. I understand that a gif is just not enough.

I will also consider adding gradients and re-adding some features from the old quick-actions feature.

Right now, making an easy way to generate themes is at the top of my priority list. I will be working on additional features a little bit later.

[VSCPlays (Void)]

yes i’m referring to interface tools plugin

[RiffleGiftShop]

Hey! I appreciate you updating the plugin. However, this update makes the plugin feel slow and less useful. I think you should roll back to the earlier version and consider what is really important, speed and usefulness.

[zilibobi (Checkmate)]

I will leave the old version of the plugin below. If you liked the old one more, use it instead. I will still be updating the plugin, though.

UI-Tools (1).rbxm (40.5 KB)

[itpdw]

Didn’t know they changed the rules.

[saaawdust (sawdust)]

TIP: Use Paint.net instead, install a few plugins, and it has all the same features as Photoshop

edit: its ‘https://www.getpaint.net’

[zilibobi (Checkmate)]

I didn’t know which tools I should’ve kept, remade, or removed because I don’t collect analytics. That’s why I will make a poll here.

What tools from the ‘Fast Tools’ category did you use the most?

• Transparent Background
• Remove Borders
• Fit Image
• Fit Parent
• Custom Layout

Should ‘Fast Scale’ also scale the text? This will insert a TextSizeConstraint into every TextLabel/TextButton and enable the TextScaled property.

• Yes
• No

What tools from the ‘Presets’ category do you want to see in v2.0?

• Gradients
• Class Conversion

You can also suggest your ideas for new tools.

[SWEAD15 (luci)]

Hello, The new update is pretty good, But I can’t hide the Background Transparency anymore, and if you can add Fast Buttons to the Anchor Editor that would be fire.

[SWEAD15 (luci)]

Also, The Class Conversion was pretty helpful.

[OKevinO]

So a bit of feedback with the new version of this tool. Having the Scale/Offset for size and position be separated behind a dropdown menu is really inconvenient and slows down work flow by quite a lot (especially if you frequently need to change settings), you could argue that fast scale is the solution but I don’t always want an aspect ratio in my UI, and not always do I want to scale both at the same time either.

You could also argue that the dropdown is required because of the different scaling options, but I don’t see why it wouldn’t be possible to just have the plugin adapt to your selection, I shouldn’t have to tell the plugin what I want to scale.

Also going to miss easily adding an aspect ratio whenever I need one without it having any ties to other properties ;-;