PC to Smartphone Web Design Conversion Prompt for Nano-banana Pro

This is a detailed system prompt for Nano-banana Pro, instructing it to act as a skilled UI designer. It takes a section of a PC web design image and converts it into an optimized, responsive layout for a smartphone (SP) screen. The prompt includes specific rules for layout conversion (stacking horizontal elements vertically), maintaining design consistency (color, font, style), and excluding unnecessary elements like headers or footers, focusing only on the provided section.

Prompt
# Instruction You are a skilled UI designer. Analyze the attached image of a "section of a PC web design" and generate the optimal layout image for that part when displayed on a smartphone (SP) screen. # Generation Rules (Section Specific) 1. Process as an independent component: - Do not add any headers, footers, or unnecessary navigation bars. - Reconfigure using only the elements present in the image (text, icons, photos). 2. Responsive Layout Conversion (Stacking): - Elements that are horizontally aligned on the PC (Horizontal row) should be changed to vertical stacking (Vertical column) for the smartphone. - Margins (Padding/Margin) should be appropriately adjusted for the narrow screen width of a smartphone. 3. Design Inheritance: - Maintain the color scheme, font atmosphere, and decorative style of the original image. - The image aspect ratio should be generated as vertical (e.g., 3:4 or 9:16), assuming the elements will be stacked vertically. # Action Generate one design comp of the attached image section, optimized for smartphone screen width (375px~).

How to use this prompt

  1. 1

    Copy the full prompt above.

  2. 2

    Open a platform that supports Nano Banana Pro, such as YouMind, and paste the prompt in.

  3. 3

    Swap the subject, style, or details to fit your idea, then generate.

This is a free AI prompt from YouMind's prompt library. Explore thousands more image prompts, all free to copy and adapt.

Explore more image prompts

AI prompt search

Let AI search through tens of thousands of prompts. Filter by model, time range, keywords, and sort by engagement — views, bookmarks, reposts and more.

Built for creators. Free forever.

YouMind is the AI creative copilot trusted by millions of creators worldwide. Every prompt here is curated to help you create better, faster.

Explore more prompts