Image2Studio
Examples

gpt-image-2

Side-by-side Mobile UI Mockup

Ready-to-edit side-by-side mobile UI mockup image prompt.

Ready-to-edit side-by-side mobile UI mockup image prompt.
Ready-to-edit side-by-side mobile UI mockup image prompt.
Prompt

{ "type": "side-by-side mobile UI mockup", "theme": "{argument name=\"app style\" default=\"Chinese mobile live streaming app\"}", "panels": [ { "position": "left", "subject": "{argument name=\"streamer appearance\" default=\"young Asian woman, beautiful, smiling\"}, long wavy hair, holding a handwritten sign", "sign_content": "{argument name=\"sign text\" default=\"谢谢 Ray 的大火箭!\"} with small rocket and heart doodles", "ui_elements": { "top_bar": "profile info, follow button, 3 viewer avatars, {argument name=\"viewer count\" default=\"10万+\"} count, close button", "overlays": "popularity rank badge, gift gallery widget, floating gift animation showing {argument name=\"gift name\" default=\"大火箭\"} x1", "chat_stream": "7 distinct chat message bubbles", "bottom_bar": "text input field, 4 action icons, floating like hearts" } }, { "position": "right", "subject": "same streamer, high ponytail with scrunchie, holding a handwritten sign", "sign_content": "{argument name=\"sign text\" default=\"谢谢 Ray 的大火箭!\"} with stars, hearts, and rocket doodles", "ui_elements": { "top_bar": "app logo, LIVE badge, 12.6万 viewer count, profile info, follow button", "overlays": "hourly rank badge, gift goal widget, 2 floating gift animations (rocket x1, rose x10)", "chat_stream": "6 distinct chat message bubbles", "bottom_bar": "text input field, 4 action icons, follow button, floating like hearts" } } ] }

Prompt structure
  • Modelgpt-image-2
  • Use caseapp-ui-mockup
  • Styleprompt-defined style
  • Aspect ratioFlexible
Best used for
  • Use caseapp-ui-mockup
  • Styleprompt-defined style
  • Recommended specs1:1, 4:5, 16:9, or 9:16
  • ModelGPT Image 2
How to customize

Use this Side-by-side Mobile UI Mockup prompt as a base. Replace the subject, product details, environment, lighting, brand colors, and output ratio while keeping the app-ui-mockup intent and the visual style direction stable.

Editable variables
  • SubjectReplace the product, person, scene, interface, or object being generated.
  • Use caseKeep or rewrite the destination as app ui mockup, ad creative, cover image, poster, or ecommerce hero.
  • FrameChoose 1:1, 4:5, 16:9, or 9:16 based on the final placement.
  • Brand cuesAdd colors, materials, props, text-safe space, and the platform where the image will be used.
Recommended specs

Choose the frame for the destination first, then use 1K, 2K, or 4K based on output quality needs. Product images and posters usually benefit from higher resolution.

Pre-generation checklist
  • CheckSubject, lighting, composition, and frame are specific enough to review.
  • CheckText-safe space is included when the image will carry a headline or ad copy.
  • CheckResolution, credit cost, and final destination are checked before generation.
Why this prompt works

Side-by-side Mobile UI Mockup works because it starts from the image job, then controls subject, composition, lighting, style, and frame. It is best for app ui mockup while keeping the prompt-defined style direction stable.

Common questions
  • Can I use it directly?Yes. Replace the subject, brand cues, and frame, then generate in Image2Studio.
  • Which ratio should I use?Choose 1:1, 4:5, 16:9, or 9:16 based on the destination.