Feedback on my UI

Help and Feedback Creations Feedback
#1

Hello developers,

I am currently making a plugin called Canary Studio, and I decided I would share the homepage UI with you!

Here is the image:

RobloxScreenShot20221222_152025090
RobloxScreenShot20221222_1520250901008×608 19.4 KB

I mainly took inspiration after VS Code, and the help menu is what shows up when you click the ‘HELP’ button.

1 Like
#2

Looks nice! I’d recommend using Fusion for UI work, it’s a great open-source plugin that makes a lot of UI work a lot easier.

#3

I’ve never really wanted to use Fusion or Roact because setting it up is kind of annoying. Plus, I don’t even know what it’s gonna look like because I have to keep play testing, and my computer is super slow.

I might add a feature where you can preview Roact UI though.

#4

I have Fusion set up as a roblox model.
Fusionmodel.rbxm (42.1 KB)

1 Like
#5

By setting up I mean structuring the UI. Inserting is super easy of course, but structuring is so time consuming and takes away the fun from designing.

#6

Well you can still set it up the same way as you are now, I’m more referring to getting it to actually work. That’s super easy with fusion.

1 Like
#7

Wait, so you mean I can still design with the built-in UI editor, and just script it with Fusion?

1 Like
#8

Yes, why not? It’s a bit inefficient, but you could just have all your UI elements in a folder, and then just use Fusian to spawn instances of them


local function Element(props)
    return game.ReplicatedStorage.Element:Clone() 
end

local function Element2(props)
    return game.ReplicatedStorage.Element2:Clone() 
end

New "ScreenGui" {
   [Children] = {
      Element(),
      Element2(),  
   }
}
1 Like
#9

You could also use Codify. It can turn your UI into Fusion, Roact or just Instance.new() components. Btw the UI looks really good (not sure if I like the font but that might just be me).

1 Like
#10

Codify costs money, wish it was free…