Image Generator

The Image Generator lets you create images for your prototypes using generative AI. You can access it from several places in the app:

• The Assets section (left sidebar)
• When setting an element cover
• When setting a component cover

AI settings

In your project settings (accessible from the top menu), you'll find an option for accessing the AI Settings.

1. Click the Settings cog and select AI Settings... from the dropdown.
2. Fill in the Image Generation Guidelines to define the art style rules for the images you generate. You can specify guidelines, preferred styles, or any other instructions you want applied to all image creations across the app.

Use from the Assets section

1. Open the Assets tab in the left sidebar.
2. Click the (+) button in the top-right corner of the Assets panel, or right-click inside the Assets panel.
3. Select Generate image...
4. Choose the size and orientation of the image, then enter a prompt describing what you want to generate.
5. Your image will be created.

Use from elements

Set covers

1. Right-click an element and choose Cover > Set cover.
2. Switch to the Generate tab.
3. Choose the image size and orientation, then enter a detailed prompt.
4. Click Generate.

Auto-generate covers

1. Right-click an element.
2. Select Auto-Generate Cover.
3. Your image will be created automatically.

Use from components

Set covers

1. Right-click the component's cover area.
2. Select Change cover.
3. Switch to the Generate tab (the last tab).
4. Choose the size and orientation, then enter a detailed prompt.
5. Your image will be created.

ℹ️ Image generation for Assets, Elements, and Components uses both your prompt and the guidelines defined in AI Settings. Auto-generated covers use the element's title and content, along with the same AI Settings guidelines.