AI Game UI Kit Generator
Name a material and the pieces, and every button, tab and frame comes back in its states
“Create a UI kit for my cozy farming game in a paper-and-wood style: primary and secondary buttons, a panel, a tab set and a dialogue frame, built so the panels can 9-slice.”
The parchment panel stretches to twice its width with its carved corners intact, and each pressed, disabled or selected state keeps the exact outline of the piece it came from.
“Make sci-fi holographic UI for my space strategy game: panels, buttons and a tooltip frame.”
The side panel, the buttons and the tooltip share the command panel's edge treatment and color system, so the whole kit looks like one console.
“Give me an illuminated-manuscript frame set for my fantasy card game: card frame, rarity borders and a menu panel.”
Common, rare and legendary use one frame and one ornament layout, and only the accent changes, pewter for common, ultramarine for rare and bright gold for legendary.
Interface time goes into the same few pieces, drawn again and again. The primary button gets drawn, then drawn pressed, then drawn disabled, then all of it once more when the art direction shifts, and the panel that looked fine at design size smears its corners on a wider screen.
Name the style and the pieces. You type "paper-and-wood" or "sci-fi holographic" and skip the style sheet. Layer turns the material into one kit and draws every piece in the states your screens use.
Layer draws the first piece, then builds each of the others from it, so the whole kit shares one edge treatment and one color system. A tooltip you ask for a week later still belongs to the same console.
A 9-slice panel keeps its four corners fixed and stretches only the plain edges and the center. Ask for 9-slice and Layer builds each panel that way, then checks it at twice its width before it is delivered. The carving stays in the corners, where the stretch never reaches it.
Same outline in every state Each state is edited from the finished piece, so nothing jumps when a button is pressed or a tab is selected.
Nothing baked in Labels and numbers stay live in your game. Pieces arrive as PNG files, with transparent backgrounds where a piece needs one.
For the in-play layer, see game HUD design. For full screens, see menu and store screens, and for icons, game icon sets.
Describe your game and its platform. Layer lays out the HUD for your genre and draws health bars, skill slots and minimap pieces in every state.
Shop and Season Pass Mockups That Look Like the Shipped ScreenDescribe a shop, season pass or gacha screen and get a mockup in your game's style, with sample text written in and the main offer leading the layout.
Game Icon Sets That Still Read at 32 PixelsList your ability, currency or inventory icons and Layer draws them as one set, sharing outline and light, with silhouettes that hold at hotbar size.
Mock Up UI on Your Screenshot Without Touching the Game ArtAttach a screenshot of your game and get a HUD or menu mocked up on it in your art style, with the scene untouched and the play space kept clear.
Yes, when you ask for 9-slice. Ornament that runs the full length of an edge stretches with it, so keep the carving in the corners of any panel that has to resize.
The ones it needs. Buttons get idle, pressed and disabled, tabs get inactive and selected, and you can name others, like focused or locked. Disabled stays visible but muted, since a control that vanishes teaches the player nothing.
Yes. Attach a piece from the kit and ask for the next one. Layer builds the new piece from your existing art, the way the holographic kit above grew out of its command panel.
Create a free Layer account and name the material your interface is made of.