AI assistant

The AI assistant is an AI-powered user interface protoyping assistant. When connected to a Large Language Model (LLM), it helps you speed up user interface prototyping.

Because the output depends on the underlying AI model and your input, results will vary. Prototyping is an experimental process that often requires multiple iterations. Provide clear and detailed prompts for the best results.

AI models

The following AI models are available in Qt Design Studio by default. After you have set up the AI Assistant, you can add more models. See Adding models.

Claude

For a full list of models, see https://docs.claude.com/en/docs/about-claude/models/overview.

Gemini

For a full list of models, see https://ai.google.dev/gemini-api/docs/models.

Groq

For a full list of models, see https://console.groq.com/docs/models.

OpenAI

For a full list of models, see https://platform.openai.com/docs/models.

Setting up the AI assistant

Before you start

To use the AI assistant in Qt Design Studio, you need an API key to Gemini, Groq, Open AI, or Claude.

Configuring the AI assistant

To configure the AI assistant:

1. In the AI Assistant view, select .
2. Enter the API key for your AI provider.

   

After configuring the AI assistant, you have the default set of models available.

• To add a model, select and enter the model ID for the model you want to add. See AI models.
• To remove a model, select the model and then, select .
• To reset the model list to default models, select .
• To move a model up or down, select it and use the arrow keys.

Additionally, you can:

• Remove the provider and its models from selectable models in the AI Assistant view by clearing the checkbox next to the provider name.
• Reset the provider Url by selecting next to the Url field.

Using the AI assistant

Note the following:

• The AI assistant is aware of images (by their names only) in the project assets and is instructed to use them whenever it seem to fit. For example, if you have an image named banana.jpg in your project assets, the AI assistant likely uses this image if you ask it to add a banana to the UI.
• The AI assistant is aware of .ui files and instructed to not generate code in them.

Using a prompt to create

To create something with the AI assitant:

1. In the AI Assitant view, select the model that you want to use from the drop-down menu.
2. Enter your prompt in the prompt field. If the selected model supports image input, you can also use to attach an image to your prompt.

   Note: If you add an image to the AI assistant, it remains in use until you remove it.

3. Select to run the prompt.

After a succesful generation, rate the output with thumbs up or thumbs down. This helps improve the Qt Design Studio AI assistant.

If the generation is not succesful, there are two types of messages:

• A Warning is displayed if there are any issues with the generated QML code.
• A Error is displayed if there are any issues with the API request.