Generate images and animations in your sheet's colours

A design system covers more than buttons. An app also needs an icon, a hero image, maybe a screenshot for the landing page, and AI-built apps often ship with grey placeholders or stock art that matches nothing. A Wuizard sheet can hold images and animations made to match it, and your coding agent can fetch them straight into the project.

What you can make#

Icons, logos, illustrations, backgrounds and screenshots use your sheet's colours. Photos keep natural colour. Images come as PNG files.

Make one in the sheet#

1. Open the sheet and choose the Media tab.
2. Pick a kind: Icon, Logo, Illustration, Photo, Screenshot, Background or Animation.
3. Describe what it should show. The box suggests an example for each kind.
4. Press the arrow button to start.

The line under the box confirms it will be made in the sheet's colours, and on a trial it says how many credits it uses and how many you have left.

Your request appears on the wall straight away, labelled "In queue" and then with what it's making and for how long. Images are usually ready within a minute, and animations take a few. You can leave the page while you wait; the work carries on in the background.

Write a good description#

Be specific about the one thing you want to see. Some examples of the kind of description that works:

• Icon: "A leaf inside a rounded square". Name one object, not a scene.
• Logo: "A simple mark for a calm journaling app".
• Illustration: "A person writing at a sunny desk".
• Screenshot: "The weekly review screen: mood chart and three highlights". Say which screen it is and what's on it.
• Background: "Soft overlapping waves".
• Animation: "The leaf gently sways and the light shifts". Describe the motion, not just the subject.

Descriptions can be up to 1,500 characters, but a clear sentence usually beats a paragraph.

Bring an image to life#

An animation can start from one of your images, which keeps it on-brand from the first frame. Choose Animation, then pick the image under Start from. Or open an image on the wall and click Animate: the form switches to an animation that starts from that image, ready for you to describe the motion.

This works well for an app icon that gently moves on a splash screen, or a hero illustration that slowly comes alive. For ready-made motion you can tune instead, see the animated backgrounds in the library.

Ask the designer#

The sheet designer on Home can make media too. Ask for "an app icon with a lotus" or "a hero illustration", and it starts them as part of its reply, up to four images at a time, saved to the sheet you're designing. The live panel's Media view shows them as they arrive.

Ask your coding agent#

A connected agent can make media while it builds, with the generate_media tool. It chooses the kind, describes it, and can set an aspect ratio or start an animation from an existing image. The tool tells the agent to ask you before making several. You might say:

We need an app icon for this project. Generate one that fits the sheet, then download it into public/.

Generation runs in the background, so the agent then calls get_media with the id it got back to check the status and fetch the file URL. Called without an id, get_media lists everything made for the sheet. If your agent isn't connected yet, follow the connection guide.

Use the files#

Open any finished image or animation to see it full size. From there you can download it, copy a link to the file, animate an image or delete it. Your agent gets the same files with get_media.

Exports include them too: the zip has a media/ folder with readable file names and a media.json that says what each file shows. The export guide explains the rest of the zip.

What it costs#

Images and animations are metered separately, each with its own allowance on paid plans. On a trial they spend credits, and a trial includes a limited number of animations. The limits table has the current numbers. A request that fails costs nothing, but deleting a finished one doesn't give it back.

If you've used your allowance, the Generate button opens a short note saying why and what you can do. Everything already made stays in the sheet and keeps working.