PicX Studio

Social Media Video App UI Mockup

Generates a realistic full-screen mobile app interface resembling a short-form video platform, featuring a customizable main image and UI overlays.

Social Media Video App UI Mockup — AI image template example
GPT Image 2Free
ExampleSocial Media Video App UI Mockup
Prompt
Settings
GPT Image 29:16
  • Prompt included
  • Model and format preset
  • Free template

The prompt behind this image

Copy the exact prompt behind Social Media Video App UI Mockup, or open it in the studio and make it yours.

Structured prompt · 16 fields
Type
social media short video app interface mockup
Main Image › Subject
{argument name="subject description" default="young Asian woman with long dark hair wearing a white off-the-shoulder top"}
Main Image › Pose
looking back over her shoulder at the camera, gentle smile, hair blowing slightly in the wind
Main Image › Setting
{argument name="background location" default="riverside promenade at sunset with a tall modern tower and city skyline"}
Main Image › Lighting
golden hour, warm sunlight reflecting on the river
Ui Layout › Top Bar › Status Icons
time 9:41, cellular signal, wifi, battery 100
Ui Layout › Top Bar › Navigation › Left
menu icon
Ui Layout › Top Bar › Navigation › Center Tabs
经验, 团购, 关注, {argument name="active top tab" default="推荐"}
Ui Layout › Top Bar › Navigation › Right
search icon
Ui Layout › Right Sidebar › Count
6
Ui Layout › Right Sidebar › Elements
profile picture with pink plus button, heart icon with text '23.6万', chat bubble icon with text '1.6万', star icon with text '2.8万', share arrow icon with text '3.7万', spinning music record icon
Ui Layout › Bottom Left Overlay › Username
{argument name="username" default="@小鹿的日常"}
Ui Layout › Bottom Left Overlay › Caption
{argument name="caption text" default="吹着晚风,看着日落,这一刻好治愈~ 🌅"}
Ui Layout › Bottom Left Overlay › Audio Track
🎵 原声 @小鹿的日常创作的原声
Ui Layout › Bottom Navigation Bar › Count
5
Ui Layout › Bottom Navigation Bar › Tabs
首页, 朋友 (with red badge '2'), central plus button in rounded square, 消息 (with red badge '5'), 我
Raw JSON
{
  "type": "social media short video app interface mockup",
  "main_image": {
    "subject": "{argument name=\"subject description\" default=\"young Asian woman with long dark hair wearing a white off-the-shoulder top\"}",
    "pose": "looking back over her shoulder at the camera, gentle smile, hair blowing slightly in the wind",
    "setting": "{argument name=\"background location\" default=\"riverside promenade at sunset with a tall modern tower and city skyline\"}",
    "lighting": "golden hour, warm sunlight reflecting on the river"
  },
  "ui_layout": {
    "top_bar": {
      "status_icons": ["time 9:41", "cellular signal", "wifi", "battery 100"],
      "navigation": {
        "left": "menu icon",
        "center_tabs": ["经验", "团购", "关注", "{argument name=\"active top tab\" default=\"推荐\"}"],
        "right": "search icon"
      }
    },
    "right_sidebar": {
      "count": 6,
      "elements": [
        "profile picture with pink plus button",
        "heart icon with text '23.6万'",
        "chat bubble icon with text '1.6万'",
        "star icon with text '2.8万'",
        "share arrow icon with text '3.7万'",
        "spinning music record icon"
      ]
    },
    "bottom_left_overlay": {
      "username": "{argument name=\"username\" default=\"@小鹿的日常\"}",
      "caption": "{argument name=\"caption text\" default=\"吹着晚风,看着日落,这一刻好治愈~ 🌅\"}",
      "audio_track": "🎵 原声 @小鹿的日常创作的原声"
    },
    "bottom_navigation_bar": {
      "count": 5,
      "tabs": [
        "首页",
        "朋友 (with red badge '2')",
        "central plus button in rounded square",
        "消息 (with red badge '5')",
        "我"
      ]
    }
  }
}

How to use Social Media Video App UI Mockup in 3 steps

  1. 1
    Upload ImagePNG, JPG or paste

    Add your photo

    Upload the photo the template builds on. The prompt, model and format are already set.

  2. 2
    …a portrait of your subject in softgolden-hour light, 85mm…

    Personalize

    Edit the subject and creative details for your destination.

  3. 3
    Generate

    Generate

    Press Generate — your image is created in PicX Studio, so you can compare it with the original and refine one variable at a time.

Make it yours

Social Media Video App UI Mockup works as-is. These are the safest ways to change it without losing the look.

  • Swap the setting

    Keep the rest of the prompt and replace the location block. The current setting is “{argument name="background location" default="riverside promenade at sunset with”.

  • Swap the light

    One lighting change is enough to compare takes. Current light: “golden hour, warm sunlight reflecting on the river”.

  • Change one field

    Copy a single group, rewrite it, and generate again so you can see what that field is doing.

Troubleshooting Social Media Video App UI Mockup
If the result…WhyFix
The result drifts from the previewToo many fields changed at once.Reuse Social Media Video App UI Mockup as-is first, then change one group — subject, light, or setting.
GPT Image 2 ignores part of the JSONSome models flatten or skip nested keys.Keep the same values and paste them as a short paragraph instead.

Social Media Video App UI Mockup questions

How do I use the Social Media Video App UI Mockup template?

Add your photo if the template asks for one, edit the prompt if you like — the template's model and format are already selected — and press Generate. Your version opens in PicX Studio.

Can I customize the Social Media Video App UI Mockup template?

Yes. You can change the subject, setting, lighting, mood, format, and available model controls before creating your image.

Is the Social Media Video App UI Mockup template free?

Opening and editing this template is free. Generating uses credits, shown on the Generate button when you are signed in.

Which AI model should I use?

Start with GPT Image 2, which is the model associated with this template. You can compare another compatible model for a different finish.

Looking for something else? Browse all templates.

Your photo, any look

Thousands of ready templates for every top image and video model, from one credit balance.

FREEClaim Free Image Generation