UI 목업
서비스 소개서, 앱 화면, 리뷰 카드 등 다양한 UI 목업 디자인을 생성하는 AI 프롬프트입니다.
2026.07.01
·
핀테크 대시보드 UI
GPT 이미지 2· 이미지
원하는 핀테크 서비스 정보를 바탕으로 데스크톱 대시보드 UI 화면을 만들어줘. 좌측 사이드바, 상단 요약 카드, 월별 지출 그래프, 카테고리 도넛 차트, 거래 내역 리스트, 저축 목표 카드가 포함된 16:9 웹앱 화면으로 구성해줘. 화이트 배경에 네이비와 민트 포인트 컬러, 현실적인 SaaS/Figma 스타일, 읽기 쉬운 한글 UI 텍스트와 정교한 여백을 적용해줘.
UI 오버레이 아방가르드 화보
GPT 이미지 2· 이미지
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 이미지 편집툴 UI
GPT 이미지 2· 이미지
원하는 AI 이미지 편집 서비스 정보를 바탕으로 데스크톱 웹앱 UI 화면을 만들어줘. 왼쪽 도구 패널에는 프롬프트 입력창과 편집 옵션, 중앙에는 이미지 캔버스, 오른쪽에는 속성 패널, 상단 툴바, 하단에는 생성 히스토리 썸네일을 배치해줘. 다크 차콜 인터페이스에 바이올렛/시안 포인트 컬러를 사용하고, 실제 크리에이티브 툴처럼 정교한 여백과 읽기 쉬운 한글 UI를 적용해줘.
다크 모드 마케팅 케이스 스터디 UI
GPT 이미지 2· 이미지
{"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"}
음식 배달 앱 UI
GPT 이미지 2· 이미지
원하는 음식 배달 서비스 정보를 바탕으로 모바일 앱 홈 화면 UI를 만들어줘. 위치 표시, 검색바, 카테고리 칩, 추천 음식점 카드, 메뉴 그리드, 하단 탭 내비게이션을 포함한 9:16 모바일 화면으로 구성해줘. 웜화이트/토마토 레드/소프트 오렌지 톤, 둥근 카드형 컴포넌트, 실제 앱처럼 읽기 쉬운 한글 UI 텍스트와 음식 이미지 카드를 적용해줘.
사이버펑크 네온 UI 디자인 시스템
GPT 이미지 2· 이미지
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.
다크 모드 랜딩 페이지 UI 목업
GPT 이미지 2· 이미지
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.
쇼핑몰 상품 페이지 UI
GPT 이미지 2· 이미지
원하는 쇼핑몰 상품 정보를 바탕으로 데스크톱 상품 상세 페이지 UI를 만들어줘. 상단 내비게이션, 상품 이미지 갤러리, 상품명, 가격, 컬러/사이즈 선택, 구매 CTA, 배송 안내, 리뷰 요약, 추천 상품 영역을 포함한 16:9 웹 화면으로 구성해줘. 웜그레이 배경, 블랙 타이포, 베이지 포인트의 미니멀하고 고급스러운 커머스 UI로 만들어줘.
호텔 예약 앱 UI
GPT 이미지 2· 이미지
원하는 숙박/여행 서비스 정보를 바탕으로 호텔 예약 앱 검색 결과 화면 UI를 만들어줘. 목적지 검색바, 날짜 선택, 필터 칩, 호텔 사진 카드, 평점, 가격, 편의시설 아이콘, 지도 보기 버튼, 하단 내비게이션을 포함한 9:16 모바일 화면으로 구성해줘. 아이보리/딥그린/뮤트 골드 톤의 프리미엄 여행 앱 분위기와 읽기 쉬운 한글 UI를 적용해줘.
스타일에서 UI 디자인 시스템으로
GPT 이미지 2· 이미지
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.
스마트스토어 리뷰 카드 섹션
GPT 이미지 2· 이미지
원하는 상품 정보를 바탕으로 스마트스토어 상세페이지의 리뷰 카드 섹션을 만들어줘. 16:9 와이드 UI 구성으로, 상단에는 '실제 구매자 8,742명의 솔직한 후기' 헤더와 평점 요약을 넣고, 하단에는 정확히 4개의 리뷰 카드를 한 줄 그리드로 배치해줘. 각 카드에는 별점, '실구매' 배지, 짧은 한국어 리뷰 제목과 본문, 옵션 정보, 날짜, 도움돼요 수, 사진 후기 썸네일을 포함해줘. '추천순', '최신순', '사진 리뷰', '후기 더보기' 같은 쇼핑몰 UI 문구를 넣고, 한글이 읽히게 만들어줘.
노트북 한국 앱 UI 목업
GPT 이미지 2· 이미지
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.
UI 목업 AI 프롬프트란?
UI 목업 AI 프롬프트는 앱 화면, 서비스 소개서, 리뷰 카드, 편집툴 인터페이스, 원페이지 디자인 등 다양한 UI 목업을 생성하는 프롬프트 기술입니다. 디지털 제품의 화면을 실제 사용하는 것처럼 자연스럽게 보여주는 목업 이미지를 프롬프트로 만들어냅니다. 단순히 화면을 캡처하는 것이 아니라, 제품의 가치를 전달하는 맥락을 함께 디자인합니다.
캐럿의 UI 목업 프롬프트는 에디터 화면, 서비스 소개서, 원페이지 디자인, 앱 리뷰 카드, SNS 콘텐츠 편집툴 등 폭넓은 UI 디자인을 다룹니다. 스타트업, IT 기업, 디자이너가 제품을 소개하고 마케팅하는 데 필요한 목업 이미지를 빠르게 생성할 수 있습니다.
주요 활용 장면
- 서비스 소개서 제작: 스타트업과 IT 기업이 제품을 소개하는 피치덱, 서비스 소개서의 화면 목업
- 앱 스토어 등록 자료: 앱의 주요 화면을 보여주는 스크린샷 대신 목업으로 제작된 콘텐츠
- 리뷰 카드 및 튜토리얼: 사용자 리뷰, 기능 설명 등을 시각적으로 전달하는 UI 카드 제작
- SNS 마케팅 자료: 인스타그램, 블로그 등에서 제품 화면을 보여주는 목업 이미지 제작
- 프레젠테이션 자료: 제품 소개, 기능 설명 등 프레젠테이션에 활용할 UI 화면 목업
이 태그가 유용한 이유
UI 목업은 IT, 스타트업, 디자인 분야에서 제품을 소개하는 핵심 자료입니다. 'UI 목업', '서비스 소개서', '앱 화면' 등의 키워드는 제품 출시, 마케팅 캠페인 시즌에 검색 수요가 증가합니다. 디자이너가 직접 목업을 만들면 시간이 오래 걸리지만, AI 프롬프트를 활용하면 콘셉트 단계에서 빠르게 시안을 만들어 의사결정에 활용할 수 있습니다.
관련 프롬프트 더 보기
프롬프트 구성 팁
- 화면의 목적 정의: '서비스 소개서', '리뷰 카드', '기능 튜토리얼' 등 화면의 목적을 명시하면 맥락에 맞는 UI가 생성됩니다.
- 레이아웃 구조 지정: 그리드, 카드형, 풀페이지, 캐러셀 등 레이아웃 구조를 지정하면 원하는 형태의 목업이 만들어집니다.
- 디바이스 컨텍스트: 모바일, 태블릿, 데스크톱 중 어느 디바이스 화면인지 명시하면 해상도와 비율이 자연스럽게 적용됩니다.
- 브랜드 무드 반영: 미니멀, 모던, 친근함 등 브랜드 톤앤매너를 프롬프트에 포함하면 제품의 정체성이 드러나는 목업이 완성됩니다.
UI 목업 프롬프트는 제품의 가치를 시각적으로 전달하는 도구입니다. 위 팁을 조합하면 어떤 서비스든 매력적으로 보이는 화면 목업을 만들어낼 수 있습니다.
