Next Gen Studio UI Preview is here! [Beta]

Thanks for the feedback!

We have not begun tuning the spacing/padding or colors. These are considered visual elements that we can pretty easily iterate and improve. Our current priority is focusing on the functionality.

As far as your other points, we plan to release customization UI (hopefully this week!) that will allow you to hide any tabs you like, create your own tabs, and put whatever combination of tools on those custom tabs.

I see you’ve left aligned your tabs. I don’t think we’ve exposed this UI yet (part of customization) so are you hacking around with flags?

2 Likes

Yep - it’s a known issue. I was told there’s a fix in process!

Our testing shows the new UI is far more stable and performant than the old UI (new Explorer is up to 80X faster). If you have a reproducible situation, logs are super helpful. Feel free to DM them.

1 Like

It’s a mockup, it would look like this if they messed around with flags:

Also, the new black theme looks pretty good on the Ribbon, when can we see this officially released?

3 Likes

Oh! Then you’ll like the next update where we do let you left align your tabs :slight_smile:

Color updates are on the way. We’re still focused on getting the functional stuff out first.

5 Likes

So, I want to ask, do yall have a rough estimate on how finished the functionality part is? Maybe like 20% or 30% done? I’m really interested to see how progress has been!

We are just getting customizable tabs, there’s still a long way to go.

Hi, I have a question. I don’t know if it has already been asked, but will the Script Editor also get a rework?
For example

We get a more modern UI to look like VSCode by example and a Smooth cursor

2 Likes

Script Editor may get some updates as we adopt the design system but a full ground up rewrite like we did with menus, ribbons, toolbars, etc. is way off on the horizon.

4 Likes

It kind of depends on what you mean. We’ve already migrated most of the old actions to the new actions system. So technically, anything you could do in the old UI is accessible via toolbar customization. We can’t fully release the new UI until we’re sure everyone can continue to do their work. So in the next week or so, we’ll be releasing the customization UI and watching to see if we’ve done a good job of doing that.

That said, we absolutely moved some stuff around and there will be some folks upset that they need to re-learn where things are or change their muscle memory a bit. We will get blamed for changing things that didn’t need changing but we’re working towards a bigger picture here where Studio gets a lot more flexible and powerful — we can’t keep cramming new tools and functionality into ribbon tabs and buttons. We’ve done a lot of internal testing with this new UI and everyone that spends a day or two getting used to it, keeps it on.

7 Likes

Curious will we be able to change the scaling of the ui? Ive been using the ui and its way too big for my screen.

1 Like

Will it be possible, with this new UI, to easily change the color, size of the buttons etc? Someone said that it would be possible since this is written in Lua. Would be super nice if you could customize it in that way - whether if it’s a config file or having to do some scripting stuff for it.

When I turned it on it wouldn’t work until I did a fresh install of Studio as it kept closing when I opened it.

@MeshOfPaul relesed a new plugin today with an option to use new style as used in the mockup images does it match the new system??

its using react and uses an table to define each color so changing the colors is easy

images
error
Schermafbeelding 2025-04-08 174656
Warn
Schermafbeelding 2025-04-08 174711
empty Text Box
Schermafbeelding 2025-04-09 155611
Filled Text Box
Schermafbeelding 2025-04-09 155628
Zwitch Buttons
Schermafbeelding 2025-04-09 155643
Information
Schermafbeelding 2025-04-09 155656
light mode
Schermafbeelding 2025-04-09 155826

I actually don’t know! We are still waiting for final color palettes to come from our design team.

1 Like

It will be technically possible but I don’t have an ETA.

This initial release, we’re focused on customizing the ribbon tabs and toolbars since that enables people’s workflows. We will be making design updates through the rest of this year.

But yes we are using Lua and Stylesheets so in theory we could open up the ability to override/themes/etc. Just a matter of priority.

1 Like

Right now you can do some light customization: hiding text labels or setting the ribbon to auto hide.

In the closer future when we do actual design updates, we are considering supporting different “density modes” (compact, medium, etc.)

In the further future, I’m hoping we get the chance to introduce deeper customization where you can be more specific. We do have some challenges with icon scaling and other things that make this less straightforward than it may seem.

5 Likes

Is the space between the new ribbon left alignment due to some plans for allowing us to customize the left side as well? Because it doesn’t look really great with the extra space between.

Also, is this fixed in production? Just curious.

That space is completely variable depending on your window width and number of tabs. The play test control area is also variable depending on your test mode. If you left align your tabs, it will still preserve the space needed for the testing controls:

image

1 Like

My tabs are left-aligned in here:

image

In 667, it was the same as you posted, in 668, it now has this extra space between. I just find it weird lol.