UI Mockup
AI prompts for generating app screens, service presentations, review cards, and other UI mockup designs.
2026.07.01
·
Fintech Dashboard UI
GPT Image 2· Image
원하는 핀테크 서비스 정보를 바탕으로 데스크톱 대시보드 UI 화면을 만들어줘. 좌측 사이드바, 상단 요약 카드, 월별 지출 그래프, 카테고리 도넛 차트, 거래 내역 리스트, 저축 목표 카드가 포함된 16:9 웹앱 화면으로 구성해줘. 화이트 배경에 네이비와 민트 포인트 컬러, 현실적인 SaaS/Figma 스타일, 읽기 쉬운 한글 UI 텍스트와 정교한 여백을 적용해줘.
Avant-Garde Editorial with Tech Overlay
GPT Image 2· Image
Ultra-realistic fashion editorial portrait of a confident woman in avant-garde white couture with dramatic structured shoulders, hands reaching toward camera (perspective distortion), intense gaze, long wind-blown messy hair, studio soft lighting, grey textured background, high contrast, Vogue-style.
Add overlays: face detection box centered on face, thin white frame with corner handles, subtle grid, UI markers, cursor, tracking points, experimental tech overlay, magazine layout with bold text “AVANT MODE”, barcode. Ultra-sharp, cinematic lighting, 8K, professional fashion photography, --ar 3:4 --v 6 --style raw
AI Image Editor UI
GPT Image 2· Image
원하는 AI 이미지 편집 서비스 정보를 바탕으로 데스크톱 웹앱 UI 화면을 만들어줘. 왼쪽 도구 패널에는 프롬프트 입력창과 편집 옵션, 중앙에는 이미지 캔버스, 오른쪽에는 속성 패널, 상단 툴바, 하단에는 생성 히스토리 썸네일을 배치해줘. 다크 차콜 인터페이스에 바이올렛/시안 포인트 컬러를 사용하고, 실제 크리에이티브 툴처럼 정교한 여백과 읽기 쉬운 한글 UI를 적용해줘.
{"type":"UI/UX Landing Page Mockup"
GPT Image 2· Image
{"type":"UI/UX landing page mockup","theme":"dark mode, sleek modern aesthetic, glassmorphism","language":"Korean","content":{"headline":"숫자로 증명된 마케팅 성과","metrics":[{"label":"총 조회수","value":"2.4M"},{"label":"인터랙션율","value":"8.7%"},{"label":"전환율","value":"3.2%"},{"label":"상담 문의","value":"1,240건"},{"label":"실행 기간","value":"72시간"}],"cta":"전용 성장 플랜 받기"},"style":"premium Korean B2B SaaS landing page"}
Food Delivery App UI
GPT Image 2· Image
원하는 음식 배달 서비스 정보를 바탕으로 모바일 앱 홈 화면 UI를 만들어줘. 위치 표시, 검색바, 카테고리 칩, 추천 음식점 카드, 메뉴 그리드, 하단 탭 내비게이션을 포함한 9:16 모바일 화면으로 구성해줘. 웜화이트/토마토 레드/소프트 오렌지 톤, 둥근 카드형 컴포넌트, 실제 앱처럼 읽기 쉬운 한글 UI 텍스트와 음식 이미지 카드를 적용해줘.
UI Design System in Futuristic Cyberpunk City Style
GPT Image 2· Image
Generate a UI design system in futuristic cyberpunk city style. Inspired by cyberpunk city nightscapes — neon lights, glass building reflections, high-contrast lighting. Main color palette: purple, blue, and pink neon. Design: web dashboard, mobile interface, cards, buttons, controls. Visually stunning, richly layered, with an extreme sci-fi tech feel.
Premium Dark Mode SaaS Landing Page Design Mockup
GPT Image 2· Image
Premium dark mode SaaS landing page design mockup. Deep navy/black background, glassmorphism cards, neon blue accent highlights. Sections: hero headline, feature grid, pricing cards, CTA button. Korean typography labels '주요 기능', '요금제', '시작하기'. Modern Korean tech startup aesthetic. 16:9.
Ecommerce Product Page UI
GPT Image 2· Image
원하는 쇼핑몰 상품 정보를 바탕으로 데스크톱 상품 상세 페이지 UI를 만들어줘. 상단 내비게이션, 상품 이미지 갤러리, 상품명, 가격, 컬러/사이즈 선택, 구매 CTA, 배송 안내, 리뷰 요약, 추천 상품 영역을 포함한 16:9 웹 화면으로 구성해줘. 웜그레이 배경, 블랙 타이포, 베이지 포인트의 미니멀하고 고급스러운 커머스 UI로 만들어줘.
Hotel Booking App UI
GPT Image 2· Image
원하는 숙박/여행 서비스 정보를 바탕으로 호텔 예약 앱 검색 결과 화면 UI를 만들어줘. 목적지 검색바, 날짜 선택, 필터 칩, 호텔 사진 카드, 평점, 가격, 편의시설 아이콘, 지도 보기 버튼, 하단 내비게이션을 포함한 9:16 모바일 화면으로 구성해줘. 아이보리/딥그린/뮤트 골드 톤의 프리미엄 여행 앱 분위기와 읽기 쉬운 한글 UI를 적용해줘.
Using This Style
GPT Image 2· Image
Using this style, generate a complete UI design system including web, mobile, cards, controls, buttons, and other components. Use this visual style as reference to generate a webpage. I've tried cosmic, aviation, and butterfly themes.
Smart Store Review Card Section
GPT Image 2· Image
원하는 상품 정보를 바탕으로 스마트스토어 상세페이지의 리뷰 카드 섹션을 만들어줘. 16:9 와이드 UI 구성으로, 상단에는 '실제 구매자 8,742명의 솔직한 후기' 헤더와 평점 요약을 넣고, 하단에는 정확히 4개의 리뷰 카드를 한 줄 그리드로 배치해줘. 각 카드에는 별점, '실구매' 배지, 짧은 한국어 리뷰 제목과 본문, 옵션 정보, 날짜, 도움돼요 수, 사진 후기 썸네일을 포함해줘. '추천순', '최신순', '사진 리뷰', '후기 더보기' 같은 쇼핑몰 UI 문구를 넣고, 한글이 읽히게 만들어줘.
Hyper-realistic Laptop Mockup on a Minimal White Korean Café Table
GPT Image 2· Image
Hyper-realistic laptop mockup on a minimal white Korean café table. The laptop screen displays a Korean mobile app UI — clean dark-mode fintech interface with Korean text labels, Noto Sans KR typography, blue-and-white color scheme. Soft studio lighting, shallow depth of field, premium product photo.
What Are UI Mockup AI Prompts?
UI mockup AI prompts generate various UI mockups including app screens, service presentations, review cards, editor interfaces, and one-page designs. These prompts create mockup images that naturally showcase digital product screens as if they are being used in context. Rather than simply capturing screens, they design the context that communicates the product's value together.
Carat's UI mockup prompt collection covers editor screens, service presentations, one-page designs, app review cards, and social media content editing tools. Startups, IT companies, and designers can quickly generate mockup images needed to introduce and market their products.
Key Use Cases
- Service presentation decks: Screen mockups for startup and IT company pitch decks and service introductions
- App store assets: Mockup content produced instead of screenshots showing key app screens
- Review cards and tutorials: UI cards that visually communicate user reviews and feature explanations
- Social media marketing: Mockup images showcasing product screens on Instagram, blogs, and other platforms
- Presentation materials: UI screen mockups for product introductions and feature explanations
Why This Tag Is Useful
UI mockups are essential materials for introducing products in IT, startup, and design fields. Keywords like 'UI mockup', 'service presentation', and 'app screen' see increased search volume during product launches and marketing campaign seasons. While creating mockups manually takes significant time, AI prompts enable quick concept-stage mockups for faster decision-making.
Related Prompts
Prompt Construction Tips
- Define screen purpose: Specifying the screen's purpose like 'service presentation', 'review card', or 'feature tutorial' generates contextually appropriate UI.
- Specify layout structure: Specifying layouts like grid, card, full-page, or carousel creates mockups in desired formats.
- Device context: Specifying mobile, tablet, or desktop naturally applies appropriate resolution and aspect ratios.
- Reflect brand mood: Including brand tone and manner like minimal, modern, or friendly creates mockups that express product identity.
UI mockup prompts are tools for visually communicating product value. By combining these tips, you can create attractive screen mockups for any service.
