Next Gen Studio UI Preview is here! [Beta]

love the update! its finally usable :+1:

It would be awesome to configure and customize this UI better and easier! Perhaps different styles except light and dark example; opera gx has multiple palettes and backgrounds than these 2 plain styles.
It would be awesome if there was in-studio addons for your UI, another thing. Steam has profile backgrounds and themes. One theme is like a purple which if you like light mode but dont want eye strain is a light but lighter approach to the UI.

I suggest it to resize the frame X and Y axis instead of scrolling, it would be easier to access and if it fits alot of space it can be scrolled

Example

2 Likes

@MeshOfPaul I made a video about the new ui gave some feedback too

Also for my plugin I already made the ui in the current style what be the update from 9 August I publish a quick update tonight with a interactive image from the new ui

But what need I to do to make my plugin friendly with the new ui I make it Soon with a beta

I will make a button bar where you can hover it apear a Bleu underline also for what selected I think I use the white select as in the ribbon bar in a canvas group so you see a blue line as extra thing but you can make it a button with text or image image is smaller and a limit of buttons and what is the color palette of the new ui

Then should I make

Screenshot_20240713_105615_Drive
This the current studio style not in the 2025 style

the buttons above the Topbar or down

What is the widget style you guys go for I made my plugin in the toolbox style

Also there should be a embed frame

And a rich text update where you can make parts of a text clickable and script that

Edit :pencil2:


Add here a search function to search a data and in someway it translates the date

1 Like

I’ve played around with this more since it came out. The aesthetic is nice, I appreciate I can fit 10-15% more plugins in the same horizontal space, and a lot of the updated icons are more clear. Though I wish plugins were separated properly. :roll_eyes:

The missing ‘View’ tab is a little frustrating, a lot of the tools and layers that I toggled in the View tab were recognisable by their icon. Sorting through a vertical text-only context menu is a little less intuitive and not nearly as quick.

I’m fine with render stats and constraint details moving to a separate tab, but it would be nice to see ‘View’ added back as its own tab for toggling these options + windows. My understanding is that you plan to let us customise our tabs, so this should be one of the default options.

Gonna have to agree with others, the vertical space is really obnoxious, particularly at low resolutions. It feels like a complete waste of space- especially on the plugins tab which is always the most cluttered.

I think this is the best solution, but anything would be better. Typically professional software has much better* use of vertical space.
Photoshop:


Blender: (even with the OS topbar!)
image
Roblox Studio Refresh:
image

The other thing we can see from this comparison is that the studio refresh still has some of the largest icon sets out there. At minimum a ‘compact’ mode should be available for laptop users, reducing the icon size and padding.

Thanks for taking our feedback seriously and responding to our concerns. Hopefully this leads to workflow improvements for all of us!

6 Likes

Thanks for all this! I would recommend not worrying too much yet about being “Next Gen Ready” for your plugin.

This is really just our first release and there will be many updates and improvements over the next few months. None of this is anywhere near final enough to start getting any other UI moved over.

We will be providing resources and guidelines to help make updating your UI easier. Our goal will be someone can create a new UI that looks like it belongs in Studio with minimal effort. It’s too early for us to do that because of the reason mention above. (BTW this is what we are also telling internal teams that own certain plugins)

We have to be able to let existing plugins work properly in this new UI because we have thousands upon thousands of plugins people use every day that may not have been updated in many years. But I will say plugins that are kept up to date will be able to take advantage of all the new things we plan to expose for plugin devs in the future.

If you really wanted to start digging in on something, I’d recommend getting up to speed on React + Stylesheets: How To: React + Roblox

7 Likes

That would be awesome! First we’ve got to get all of the interfaces in Studio using styling information in a consistent way. I know that since we offer a Dark and Light theme it looks like we could simply offer more theme options but unfortunately that’s not as easy as you (or I!) would think.

Great! Yeah we are definitely aware we need to work on gracefully handling lots of plugins. We’ll keep iterating on it.

1 Like

We call that the “Start Page” and there will be some updates about that very soon. Separate from this particular effort but also my team working on it so I will pass this along. :slight_smile:

For Roblox it’s because we all share the same engine :slight_smile: So every week usually the engine goes out first and once it’s confirmed that is running OK then all of the apps that use the engine (Player desktop/mobile/console and Studio) are released after that.

I can’t speak to the Dead by Daylight release but the other factor is most big operations don’t like pushing updates near the weekend (when most players are active) but also need Monday & Tuesday to coordinate a release — so Wednesday and Thursday are the safest days.

3 Likes

How do you add people in team create with this ui?

Collaborator presence and management is called out in the release notes. It’s coming soon.

2 Likes

Ahhh, thank you! The UI looks great so far. I can’t wait to see more of it

1 Like

I think this error may be related to this system?

1 Like

I thought those were not publicly available outside of CoreScripts yet, I get a error when I try to use them

did you mean
The current cannot {action} {trying to access} (lacking capability {securityName})?

1 Like

I can use the Device Emulator to create a viewport in Studio that’s larger/smaller than my display, then use Studio’s built-in screenshot tool to take a screenshot of that. That means that I can take ultra-high-resolution screenshots that would be otherwise impossible to do on my 1080p display. I’ve also used it to take a series of screenshots at differing resolutions so I can share images of my UI work with people I’m collaborating with as a visual aid (though this is mostly relevant when I’m trying to teach people about UI and making it scale across devices.) I understand this is super niche, but this is a frequent use case I’ve had for it.

I would 100% get rid of Roblox’s built-in video recorder though. Time has not been kind to it, and pretty much every device has some sort of built-in video capture service.

4 Likes

i think its missing the “download to file” button on group places. also there is no way to navigate to errors in scripts without manually going to them, which the old ui had a button for it. asides from that, im pretty much liking the new ui

one thing that should be added is the ability for plugins to be able to interact with that “+” button in development
for example: plugins like f3x makes buttons appear in the main viewport. would be better if those buttons were able to be placed on the top bar instead, occupying less space
vokoscreenNG-2024-07-25_20-39-32.523
basically plugin developers should be able to add new “tabs” to the top bar, something like this:
edit
(this is a edit ofc)

4 Likes

For those who don’t like the white top bar just press F11 when in your studio it’ll make it full screen also works in roblox games too

The + button is to make custom tabs you should put plugins in s custom tab can too like you make a custom tab for building you put the f3x tools there