Game art, generated
Game UI Generator
Mock up the whole screen first, then pull the buttons, bars, and decals out of it as ready-to-use pieces.
Design the whole screen first
UI kits drift when every element is generated on its own. The button has one glow, the panel another, and nothing looks like it shipped together.
The workflow that works: generate the entire screen as one mockup, so every element is designed in context with one visual language. Then extract the pieces you need from that mockup as individual transparent assets, slice them in SpriteCook, and use them directly in your game. Every element in the grid below came out of mockups like the lobby above: buttons, cards, frames, pills, and decals, an entire UI kit from a handful of generations.
How it works
Mock up the screen
Describe the whole thing. "A neon party-game lobby with a start button, player list, and minigame picker". Judge the design as a screen, not as parts.
Extract the elements
Ask for the pieces from the mockup as individual assets on transparent backgrounds: the button, the pills, the decals, the portrait frames. They inherit the style of the screen they came from.
Slice and ship
Run sheets through the slicer where needed and drop the PNGs into your engine. Animated elements work too, like the lever above with its eight-frame pull.
What you end up with
- A full-screen mockup you can iterate on as one image
- Individual UI elements as transparent PNGs
- Animated UI pieces as sprite sheets
- A consistent kit, because everything came from the same screen