The creature and style from Image 1, now for a 'No search results' empty state: it holds a magnifying glass over an empty patch of ground. Same flat shapes, colors and off-white background. No text.
Nano Banana 210 credits
AI Image Generator for Developers
Empty state
Link preview
Transparent PNG
SVG icons
SpritesWhat is an AI image generator for developers?
It makes the images an app ships with from a text description: app icons, UI icons, sprites and placeholder art. Batch Banana runs in the browser, and its MCP server lets Claude Code, Cursor or Codex ask for images with no API key. One image on Nano Banana 2.1 costs 10 credits, and you can start for free.
Developers
The images your screens are missing
Empty states
The old wayLeave the screen blank, or draw each one by hand.
With Batch BananaAsk for the first one, then attach it as the reference for the next. The character and colors carry over.
The link preview image
The old wayShip the 1200 x 630 placeholder, or no preview at all.
With Batch BananaAsk for a 16:9 image with calm space where the headline goes.
A set of UI icons
The old waySearch icon packs for one that has every glyph you need.
With Batch BananaAsk for the set as vector files. Recraft V4.1 SVG and Arrow 2 write SVG.
Assets on a transparent background
The old wayMask each asset out by hand.
With Batch BananaRemove background cuts the subject out onto transparency, for one image or a whole selection.
MCP
Ask from your editor
Your coding agent quotes the price, starts the job and polls for the files over the Batch Banana MCP server, then saves them where the code expects them.
Edits
From placeholder to the real file
Each after was made on this page for Tally, a budgeting app we made up. Drag the divider to compare.
Fill the gray box
Gray boxes and stock photos never match the app. This link preview came from one prompt, with the first empty state attached for the style.
Sketch to empty state
A phone photo of a notebook sketch, attached as Image 1. The tray and the creature stay where they were drawn.
Cut out for the UI
Remove background turns the mascot into a transparent PNG for 2 credits.
App images made with Batch Banana
Each card shows the prompt, the model and the credits it took. Prompts that name Image 1 had the first empty state attached.
The creature and style from Image 1, now for a 'You are offline' empty state: it sits under a small rain cloud holding a leaf as an umbrella. Same flat shapes, colors and off-white background. No text.
Nano Banana 210 credits
A link preview image for Tally, a budgeting app: the round green creature from Image 1 balancing on a stack of three coins, left of center. Calm off-white space on the right for a headline. Flat shapes, same colors. No text.
Nano Banana 210 credits
Image 1 is a sketch for an empty-state illustration. Draw it as a finished illustration for a budgeting app's empty inbox: the same tray and the small round green creature peeking over its edge, in the same place. Flat shapes, two greens and a warm gray, soft shadows, plain off-white background. No text, no paper, no pen lines.
Nano Banana 210 credits
The round green creature from Image 1, waving, alone in the center of a flat mint background. Flat shapes, no ground, no shadow.
Nano Banana 210 credits
Six 24 px UI icons for a budgeting app in two rows: wallet, coin, receipt, pie chart, bell, settings gear. One 2 px outline in dark gray, rounded ends, no fills, plain white background.
Arrow 259 credits
Six 24 px UI icons for a budgeting app in two rows: wallet, coin, receipt, pie chart, bell, settings gear. One 2 px outline in dark gray, rounded ends, no fills, plain white background.
GPT Image 2.5 Sunburst30 credits
A sheet of 12 item icons for Lantern Keep, a pixel-art castle game, in a 4 by 3 grid on flat near-black: lantern, iron key, health potion, mana potion, gold coin, shield, short sword, bomb, scroll, torch, treasure chest, skull. Chunky pixel art, dark outlines, light from the top left.
Nano Banana 210 credits
Model comparison
One icon set prompt on four models
The same prompt, run once on each model, with the credits each run took. Arrow 2 and Recraft V4.1 SVG return vector files; the other two return pixels.
Same prompt, every model
Six 24 px UI icons for a budgeting app in two rows: wallet, coin, receipt, pie chart, bell, settings gear. One 2 px outline in dark gray, rounded ends, no fills, plain white background.
- Arrow 2
59 credits
Recraft V4.1 SVG10 credits
Nano Banana 210 credits
- GPT Image 2.5 Sunburst
30 credits
Made for this page in Batch Banana. Nothing is retouched: Recraft added labels and color, and Nano Banana 2 drew nine icons instead of six.
How it works
Connect your editor
Add the Batch Banana MCP server to Claude Code, Cursor or Codex and sign in once in the browser. No API key, nothing to install.
Ask for the assets
Describe what the screen needs in your chat. The agent can check the price first, and nothing is charged until a job starts.
Pull the files into the repo
Each finished job returns a link to every file, and a coding agent that runs commands downloads them into the project.
What this page loads
In the Batch Banana app, Agent loads the App and web graphics skill for this work. It draws app icons as full squares for the platform masks, keeps the motif inside Android's safe zone and sends UI icons to the SVG models.
Agent skill
App and web graphics
Makes app icons, UI icons, screens, and web heroes
App icons · UI icons · Screens · Web heroes
See the skillQuestions from developers
Claude Code, Cursor and Codex, and other apps that support MCP, such as Claude and ChatGPT. Each connection uses one workspace and spends that workspace's credits.
Yes. Each finished job returns a link to every file, and a coding agent that runs commands downloads them into the repo. Anyone who has a link can open that file, so share links the way you would share the files.
Yes. Remove background cuts the subject out onto transparency: 2 credits per image with BiRefNet or 5 with Magnific.
Attach the first one you like as a reference for each new one and change only the subject. Or save it to a collection with a note on what must match; the note goes into every prompt that uses the collection.
Yes. Recraft V4.1 SVG and Arrow 2 write vector files, which suit UI icons that ship in an app. Other models return pixels.
Connecting is free, and so are model lookups, library searches and price quotes. Images and paid edits cost the same as in the app: one image on Nano Banana 2.1 is 10 credits.
Related
Use caseHome decorStyled shelves, seasonal tabletops and wall art scenes for vases, candles, prints and textiles.Learn more
Use caseCar dealersClean up lot photos, cut cars out for your backdrop and make promo images for sales events and service specials.Learn more
Use caseJewelry storesMacro shots, on-hand and on-model images and gift campaigns, made from a photo of your own piece.Learn more