Maia for Pages
Introduction
Maia for Pages is an AI-powered tool that you can use for generating a page as well as explaining and providing further improvements. It helps you add and configure widgets based on text input and optional image input. After a page is generated, you can continue in the same session to ask Maia for further improvements and explanations. It has some limitations. For example, it is currently intended only for use with empty pages. Using it on an existing page results in the removal of all existing widgets on that page. For more details, see the Limitations section below.
Using Maia for Pages
To enable Maia for Pages, go to Edit > Preferences > the New Features tab > the Maia section.
Once enabled, you can find it in the the toolbar of a page:
After clicking Maia for Pages, a dedicated chat interface appears at the right side of Studio Pro under the Maia tab:
Describe your page or its main goals in the chat. Maia uses this information to add relevant widgets to the page and configure them for you. When generating a page, Maia knows about the domain model of the module you are currently working on. For example, it might include a Data View with some Text Box widgets for an attribute of an entity.
You can also supplement text input with an image. Maia uses the image to interpret your request better. For example, it can recognize the layout of a page from the image and replicate it. The image can be a screenshot, photo, wireframe, or drawing. With text input, you can also specify differences between the provided image and how you would like the generated page to appear. For example, you might write: Generate a page based on this image, but change the header to Welcome.
After a page is generated, you can continue asking Maia in the same session to further improve the page and provide explanations.
Best Practices for Text Input
To achieve optimal results, provide context about your page by describing its main use cases, customer needs, or other relevant details. The more Maia knows about your page, the more tailored and accurate the generated page will be.
Below are some examples of prompts you can use as a starting point:
- The page will be used to …
- I need a page to be able to edit my entity …
- Create a page like the image.
- Base the page on the image, but change … to …
Below are some examples of prompts you can use to ask Maia for further explanations or suggestions to improve the generated page:
- Can you add a button called
BUTTON_NAMEto the page? - I want an area on the page where users can …
- How can I make this page more user-friendly or visually appealing?
- Could you suggest ways to optimize the performance of this page?
Best Practices for Image Input
The image size is limited to 512 KB. Make sure to select a clear image to help Maia better understand your request. For example, you can provide a screenshot, a photo, a design mock-up, or a close-up picture of a drawing. Avoid heavily compressed or low quality images, as these may result in the loss of important details.
Keep in mind that Maia analyzes only the structure of the image. The theming of your app, such as the color scheme, will not be changed. This can cause some differences between the provided image and the generated page.
Limitations
Maia for Pages has some limitations.
Empty Pages Only
Maia for Pages is currently intended only for use with empty pages. Using it on an existing page results in the removal of all existing widgets on that page.
Requests for improvements and explanations currently only work within the same session where a page has been generated. Once the session is closed, Maia for Pages loses the context. Any attempts to make changes to that page in a new session will also result in the removal of all existing widgets.
Supported Widgets
Not all widgets are supported. Currently the following widgets are supported: