AI Image Generator
The Image Generator allows you to create images for your prototypes using generative AI. It is a flexible tool that you can access from the following points:
- From the Assets section (left sidebar)
- When setting an element cover
- When setting a component cover
AI settings
Inside your project settings, accessible from the top navigation bar, there's an AI Settings option in the dropdown.
- Click on the Settings cog, and select AI Settings... from the dropdown.
- Fill in the Image Generation Guidelines to set the art style rules for any image you generate. Here, you can specify guidelines, art style, or anything else you want to be applied to all of your image creations throughout the app.
Assets section
- Navigate to the left sidebar and click on the Assets tab.
- Click on the (+) button on the top-right corner of the Assets bar or right-click on the Assets.
- Select Generate image...
- Select the size and orientation of the image you'd like to generate and write a prompt with a detailed description of the image you'd like to create.
- Ta-da! Here is your image.
Setting element cover
Set cover
- Right-click an element and choose Cover > Set cover.
- Switch to the Generate tab.
- Select the size and orientation of the image you'd like to generate and write a prompt with a detailed description of the image you'd like to create.
- Click the Generate button.
Auto-generate cover
- Right-click an element.
- Select Auto-Generate Cover.
- Ta-da! Here is your image.
Setting component cover
- Right-click the component cover area.
- Select Change cover.
- Switch to the last tab called Generate.
- Select the size and orientation of the image you'd like to generate and write a prompt with a detailed description of the image you'd like to create.
- Ta-da! Here is your image.
ℹ️ The image generation for Assets, Elements or Components is based on both the prompt and the AI Settings guidelines you've set. The Auto-Generated Cover uses the element's title and contents, along with the AI Settings guidelines.