Gacha Game UI Mockup

Generates a mobile app UI mockup for a blind box or gacha game featuring a central character display, action buttons, and navigation elements. (free to use) — Free AI image template on PicX Studio.

gpt-image-2

Sample Prompt

{ "type": "mobile game UI mockup", "theme": "sci-fi, cute, glassmorphism, neon blue and purple color palette", "header": { "status_bar": "standard iOS status bar at top", "top_controls": "back button on left, currency display with diamond icon and '128' on right", "title": "{argument name=\"main title\" default=\"机器人盲盒\"}", "subtitle": "{argument name=\"subtitle\" default=\"抽取你的幸运伙伴\"}" }, "layout": { "side_menu": { "position": "top right below currency", "count": 2, "items": [ {"icon": "gift", "label": "奖品池"}, {"icon": "document", "label": "抽取记录"} ] }, "centerpiece": { "description": "clear glass display case containing the main prize", "subject": "{argument name=\"robot character description\" default=\"cute chibi-style robot with glowing blue eyes and white glossy armor\"}", "case_details": [ "label 'NO.001' in top left", "starburst sticker '稀有款概率UP!' on bottom right", "progress bar at bottom with text '再抽 6 次必出稀有款' and '4/10'" ] }, "background_elements": { "description": "blurred toy store background", "floating_items": { "count": 3, "description": "square boxes labeled 'BLIND BOX' with robot faces, one with a '?' sign" } }, "action_buttons": { "position": "bottom center above nav bar", "count": 2, "buttons": [ {"color": "blue", "text": "{argument name=\"left button text\" default=\"抽一次\"}", "cost": "x 30"}, {"color": "purple", "text": "{argument name=\"right button text\" default=\"抽十次\"}", "cost": "x 270", "tag": "9折"} ] }, "bottom_navigation": { "count": 4, "items": [ {"icon": "home", "label": "抽盲盒", "state": "active"}, {"icon": "store", "label": "商城"}, {"icon": "star", "label": "收藏"}, {"icon": "smiley", "label": "我的"} ] } } }

A practical guide to Gacha Game UI Mockup

Use Gacha Game UI Mockup to plan an AI image around gpt-image-2 generation, themes such as en and gpt-image-2. Match the preview's composition first, then personalize the subject, setting, and mood for your own project.

Model direction: start with gpt-image-2, the model this template was tuned for, before comparing another model.
Composition: choose an aspect ratio for the final placement before you generate the image.
Creative direction: use en, gpt-image-2, twitter as the main visual anchors and change one variable at a time.

How to use this image template

01
Open
Use the primary action to load the template settings in PicX Studio.
02
Personalize
Adjust the subject and creative details for your destination.
03
Generate
Create the image, compare the result with the preview, and refine one variable at a time.

More templates to try

A continuous mix — similar concepts first, woven with same-model prompts and fresh picks from the catalog.

Gacha Game UI Mockup questions

How do I use the Gacha Game UI Mockup template?

Choose the primary action to open PicX Studio with the available template settings. Review the model and format, personalize the creative direction, and generate when ready.