How to find the original editor? I can only see the ai editor

Help & Support đź’»
1

Yesterday I signed up to test UI Bakery
On multiple screen recordings I could see the original editor like this:

afbeelding
afbeelding1252Ă—930 132 KB

When i click on the edit button

afbeelding
afbeelding1275Ă—747 91.6 KB

i only see these options:

afbeelding
afbeelding1275Ă—1302 100 KB

The only thing I can do is use prompts. But I would like to edit the user interface from the app using the old interface that’s also used in the video that you can see at 0.50:

How to enable the “old” editor? (I’m just comparing multiple uibakery competitors and it’s a lot of time to go trough all documentation to find this option)

Or is the normal edit mode only available after i pay for uibakery?

2

Hi @canary

I’m sorry for the confusion. We have recently released the AI mode, so all the newly signed-up users can only see this mode.
I can enable the mixed mode on your account. Please confirm if I can proceed for you.
Cheers!

3

No problem at all! However keep in mind that it could be confusing for others too, because you can see the “old” mode everywhere in the documentation.

Of course, that would be very helpful.

(I just changed my email address here on Discourse so that it’s the same that i use on uibakery. io.)

I just got this error, that’s why there’s a space between uibakery. io

afbeelding
afbeelding574Ă—216 9.61 KB

4

Done!
In your workspace settings, you now have a dropdown to select the Low-Code mode.

5

afbeelding
afbeelding898Ă—663 58.4 KB

I just enabled it here cloud. uibakery. io/settings/workspace but cannot see a low code mode when editting the apps

After clicking on edit i can only see this;

(removed image because i got an error: "

Multiple errors occurred: 1) Sorry, new users can only put one embedded media item in a post. 2) Sorry, you can’t include links in your posts.
"

Maybe I’m doing something wrong, but how can i enable low code mode in the apps?

6

@canary could you please send me the screenshots or a video recording to kate@uibakery.io? We will have a look.
Thanks!

7

Hi @kate I’ve just shared a link with you. I hope it helps.

1 Like
8

Hi @canary

Thank you for the recording. I can see that you are trying to edit an app that was originally created by AI, so this will not be possible with drag-and-drop. You need to create a completely new app to build it with low-code. To edit the AI-generated app, you can use the chat or through the code: Build with AI | UI Bakery Docs

1 Like
9

Could you develop an option where AI-generated apps can be edited with the old drag-and-drop editor? Can you add this as a feature request?

Sometimes it’s faster to create the app with AI for the most part, but it will be faster to edit details with drag and drop editor.

10

Hi @canary,

I’m not from the UI Bakery team, but I can tell you that your proposal is difficult to do. All the components and parts of an app in the drag-and-drop editor are specifically made for that environment. They are designed to be deterministic, whereas the AI-generated apps could possibly contain any code the user or AI wrote.

If the code must contain predefined methods, variables, hooks, etc. to be “converted” for the drag-and-drop editor, I could see it working, but that is still prone to errors.
Plus, we must consider that it would be a significant amount of work implementing this feature, for which, depending on the already work-in-progress and planned features, the company might not have the resources right now.

At least that’s how I see it.

1 Like