Images
How Images Work In Ai-generated Apps
To help you create higher-quality apps right from the start, we’ve added support for images in AI-generated projects. This means your apps include visuals automatically when they’re created, and you can easily update or replace those images at any time.
1. Creating a Project with Images
New Projects
When you create a new project, the AI automatically adds images to your app.
If you want images included, simply mention this in your prompt.
Be as specific as possible about the type of images you want (for example, illustrations, photos, backgrounds, or icons).
Existing Projects
To add images to an existing project:
Write a clear prompt explaining exactly what images you want the AI to add.
The AI will generate and place the images based on your instructions.
2. Updating images
To update an existing image:
Click on the image in your project.
A pop-up will appear.
Choose a new image from Unsplash or upload your own image.
As always, you can also ask the AI to update images for you or make changes directly in the code.
Image Size Limits
Maximum size per image: 5 MB
Total app assets size: 50 MB
If you exceed the total asset size limit:
Open the Project Assets tab in the pop-up.
Hover over an image.
Click the delete icon to remove it.
Other types of images
Some images, such as icons used in navigators, buttons, or other UI elements, are handled differently.
To update these images, ask the AI to make the change for you or edit the code directly.
App Icon
You can set your app’s icon when you publish your app to Android or iOS by clicking on the Upload icon button:
Last updated