Group 73

AI Functionality FAQ

This document covers the AI functionality in the XAML Designer, available in the OpenSilver SDK (a Visual Studio extension) and on the XAML.io website.

1. How to use the functionality?

Option1: Inside Visual Studio 2022

    1. Ensure that Visual Studio 2022 is installed on your machine.
    2. Download the latest VSIX (version 3.0.0.9 or newer) from https://opensilver.net/download and install it.
    3. Open an OpenSilver project in Visual Studio 2022, build the solution, and open any XAML file via the Solution Explorer. The UI designer will appear with an AI button on the left side.
    4. To use AI, simply type your desired command (e.g., “create the UI for a calculator”) in the provided input field, and the AI will generate the corresponding UI elements. You’ll need to log in with your Microsoft Account to access this feature.
    5. For commands related to a specific UI element, select the element, then click the AI button in the floating context menu (different from the main AI button on the left).
    6. Additionally, you can upload an image or mockup by clicking the “Attach” icon next to the prompt text area.

You can find a detailed walkthrough with screenshots on the OpenSilver 3.0 Announcement page.

Option2: Online (no installation required)

For a quicker start, you can try it online at https://xaml.io: simply visit the website, click the “AI” button on the left, and begin exploring. Here is a tutorial:

    1. Visit https://xaml.io
    2. The UI designer will appear with an AI button on the left side.
    3. To use AI, simply type your desired command (e.g., “create the UI for a calculator”) in the provided input field, and the AI will generate the corresponding UI elements. You’ll need to log in with your Microsoft Account to access this feature.
    4. For commands related to a specific UI element, select the element, then click the AI button in the floating context menu (different from the main AI button on the left).
    5. Additionally, you can upload an image or mockup by clicking the “Attach” icon next to the prompt text area.

If you need more help, please contact us.

2. Which AI powers this feature?

The AI functionality uses a private API provided by OpenAI. As of November 2024, it operates on the GPT-4 model. Userware continuously updates the model to incorporate OpenAI’s latest advancements.

3. How is my data protected?

Userware prioritizes privacy and security. We adhere to strict data usage guidelines, as outlined in our Privacy Policy, ensuring that:

  • Only the minimum necessary data for functionality is sent to the AI model.
  • No data sent to the AI model is used to train the model or other models.
  • Data is never shared with third parties.
  • Data can be deleted upon request.

4. Is there a video or walkthrough available?

Yes, a walkthrough with screenshots is available on the OpenSilver 3.0 Announcement page.

5. The controls look outdated. Are there plans to modernize them?

We’re aware of this feedback. A new theme, designed with flat/material/fluent principles, will give the controls a more modern appearance. The theme will support both Light and Dark modes and is expected to launch by the end of 2024. Please check our “What’s New” section for updates.

6. What if I have another question?

For further assistance or questions, please contact us.

Group 73