Is there a name for this UI?

Help and Feedback Art Design Support
#1

Is there a name for this UI, is this like a UI library? These UIs all have something in common to me. I like the dark theme vibe these give, they’re also all plugins.

image
image

image
image322×521 24.9 KB

#2

These plugins look like they were designed to fit in with the style/theme of Roblox Studio. I don’t think this UI has an offical name, and a doubt there is a library for it because each plugin in the picture you showed uses a different font or font size.

! Requires Level 3 Permissions !

There are APIs for getting class icons and studio theme colors. To get a certain color, call the :GetColor() method on settings().Studio.Theme. To get a class icon use the :GetClassIcon() method on game:GetService('StudioService').

! Requires Level 0 Permissions !

There are a ton of icons in RobloxStudio’s directory which can be set as the image on an ImageLabel, Texture, Decal, etc by the rbxasset://textures/ content data type followed by the file name. You can find these files on your computers by following the steps below:

Mac:

  1. Open Finder
  2. Press CMD + SHIFT + G and enter the following text: /Applications/RobloxStudio.app/Contents/Resources/content/textures

WIndows:

  1. Press WINDOWS KEY + R and enter the following text: %localappdata%\Roblox\Versions\
  2. Find the correct version folder of Roblox, then click the folder labeled content

! Requires Level 0 Permissions !

You could also do some detective work to look through the GUI of some of Roblox Plugin Widgets. To actually see these UIs you will need to reveal some hidden items in the explorer. Skip the following steps to reveal these hidden items if necessary.

  1. Press OPTION/ALT + S, select the Studio tab on the sidebar
  2. Scroll down to the Explorer section and check all the boxes

image

Now you are able to see just about everything in your game. Look for an item titled RobloxPluginGuiService and expand it. Now you can see most of Roblox’s plugin GUI. You may need to check the Enabled property on some plugin widgets for the GUI to appear.

! Requires Level 3 Permissions !

Finally, you can use the :CreatePluginMenu() method of plugin to create dropdown menus which are commonly used across Roblox Studio.

Other than this, you are pretty much on your own in terms of designing things like sliders. Level 3 permissions in short means that they can only be ran in the command bar or by a plugin script. Level 0 permission means no permissions are needed.

1 Like