Pictures
To add a picture to your app or replace one, ask the agent in a thread. Say which screen the picture goes on, where on the screen, and what it must show.
What to ask
To add or replace a picture, name the screen and the spot, and describe what the picture must show.
Example request
“Add a photo of a bowl of ramen to the top of the Menu screen.”
Example request
“Replace the pictures on the Listings screen with photos of small wooden cabins. Make each one different.”
Pictures that FlutterFlow finds for you, in your first version or later in a thread, are either a suitable picture that FlutterFlow already has or a new picture made to match the request.
Replace placeholders
In your first version, a placeholder, such as a color gradient, stands in for a picture that hasn’t arrived yet or couldn’t be added. Right after the first version is ready, some pictures might still be arriving. While the screen is open, each one replaces its placeholder when it arrives. A spot that doesn’t get a picture keeps its placeholder.
To fill a spot that keeps its placeholder, ask for a picture in a thread, and name the screen and the spot:
Example request
“The banner on the Home screen shows a gradient instead of a photo. Put a photo of a busy farmers’ market there.”
Your own photos
To use your own photos or logo, attach the files to your message and tell the agent where each one goes. For the file types and steps, see Logo and fonts.
Agent questions
If your request leaves something open, such as which screen a picture belongs on, the agent can ask you in a Question card. To continue, answer the question.
Review
When a turn adds or changes pictures, its Summary shows a row such as 3 pictures, with New pictures or Updated pictures. Open the row to see the pictures. Then check that each picture is on the right screen and in the right spot, and that the crop shows what matters.
After the agent finishes, read the turn’s Summary and review its Changes. Check the affected screens in Screens, and try the change in Preview. If the change uses records or sign-in, test it with the thread’s own data in Data.
After you push a backend change, check the result in Backend.
Push
To put the pictures in your app, push the thread.
Next steps
To change your app’s colors, fonts, and style, see Change the look. To check every screen at once, see Screens.
Troubleshooting
If a spot still shows a placeholder after you ask for a picture, see Gradients appear instead of pictures.