Font Size:
Ask Joget AI

The AI Designer UI

Configure AI Services

While in the GenAI view, if there is a need to configure the API Server or AI Service, click the wrench icon at the top of the window

This will switch to the Configuration view.

Configure Plugin AI Services

From the Configuration view, in the AI Service Configuration tab (right side), you can start configuring the AI Service

Creating an AI Service

  1. Click AI Services > Add AI Service.

  2. Here, enter the details for the AI Service. Configure the following:

    1. In step 1, for Model Class, select one of the following AI model classes from the drop-down list:

      1. Anthropic
      2. Google Gemini
      3. OpenAI
      4. Custom
    2. In step 2, for Model Name, select the model version from the drop-down list.
    3. Enter the LLM API Key for API Key.
    4. In step 3, specify a name for the AI service.
  3. Click Add once confirmed.

Viewing the list of created AI Services

Under the Manage AI Services section, you can view a list of created AI services. The AI services will display tags indicating if they are Active or Inactive

In the AI To To select an Active AI service, in AI Service tab, a list of created AI Services can be seen by clicking on the Active AI Service dropdown menu.

Modifying an AI Service

  1. For an AI Service that needs to be modified, click on the pencil icon.

  2. Proceed to modify the credentials for the AI Service.

  3. Once confirmed, click the Save button.
  4. Then, click the left arrow button that is adjacent to the AI Service name to go back.

Revoking an AI Service

For an AI service that needs to be revoked, click the delete icon.

Selecting an AI Service

  1. Once done creating an AI Service, go back to the main view of the AI Service Configuration tab. Refer to the picture as a reference.
  2. In the dropdown, all the created AI Services can be browsed and selected.
  3. After selecting an AI Service, click the Save button.

GenAI view

To navigate to the GenAI view, click the bolt icon located at the top right of the window.

This will switch to the GenAI view. In this view, you can start the app generation process. Refer to AI Designer - Creating an app with AI Designer for instructions.

Clear off your current design

Restarting the app generation process

In the middle of the app generation process, if there is a need to restart the process, click on the Clear off your current design icon button at the top of the window.

 

Created by Debanraj Last modified by Debanraj Ravindran on Apr 24, 2026