Generate/Iterate on Form With AI

Overview

This document explains how to use the Generate Forms with AI functionality inside the platform. This feature allows users to generate and iterate on forms by using an AI-assisted chat Experience.

Disclaimer: AI Features Can Make Mistakes

When generating a designer item, please be aware that LLMs/AI make mistakes and can experience issues. All generated items should be reviewed and tested before being used in production.

Can/Cannot

This feature supports creating new Forms and iterating on existing Forms by adding, removing, renaming, and updating supported controls and their basic properties. As these features continue to improve, the list below may change.

Can

Form Creation
- Create new Forms with specified names and controls.
Supported Controls
- TextBox
- TextArea
- DropDown
- CheckBox
- RadioButton
- DatePicker
- NumberInput
- Button
- FileUpload
- UploadArea
- Password
- RichTextBox
- CheckBoxList
Supported Control Properties
- Required
- DefaultValue
- ReadOnly
- Enabled
- Visible
- Options (dropdowns, radio buttons)
- RequiredFor dependencies
Form Modification (Existing Controls)
- Update properties of existing controls.
- Rename controls.
- Add new controls alongside modifications.
- Remove one or multiple controls.
- For dropdowns and radio buttons: existing options are retained unless explicitly removed, with support for adding and updating options.
AI-Supported Actions on Forms
- Control-level actions:
  - Add a new control,
  - Modify properties of an existing control, r
  - Rename a control,
  - Remove a control,
  - Update drop-down/radio options (add, update, preserve existing).
- Form-level actions:
  - Create a new Form with a specified name/description,
  - Edit existing Form metadata (name, description) when explicitly requested.

Cannot (Not Supported Yet)

Complex layouts (multi-column layouts, grid layouts, reordering of controls).
Replacing controls
Advanced control properties (AFF, validation rules, conditional visibility, styles, CSS classes).
Layout-specific features such as flex alignment or grouping.
Rich formatting or advanced controls beyond the supported controls.
Direct manipulation of the property grid beyond the basic supported fields.

Generate From AI

To use this feature, initiate the creation of a Form. From there, a new button called "Create With AI" appears. Once clicked, a chat window appears where a request for the Form can be provided.

Once a request has been made, the AI may ask follow-up questions. When requirements are clear, a button titled "Generate" appears. Selecting this button creates the Form based on the requirements discussed in the chat experience.

The Form that is generated will look like the following:

Iterate From AI

Unsupported Controls and Properties

When iterating on a Form, changes apply only to supported controls and supported properties. Unsupported controls, complex layouts, and advanced property configurations will not be modified.

Inside the Form designer, a button is available to iterate on the Form. To initiate the iterative process, select the AI icon at the top of the designer.

Once the change has been defined and the AI Assistant understands what changes need to be made, select the "Generate" button to apply the changes.

Here is an example of a modification of the Form designer.