UI 디자인
앱 화면, 대시보드, 쇼핑몰 화면 같은 UI 디자인 시안을 AI로 제작한다.
2026.07.02
·
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· 이미지
원하는 음식 배달 서비스 정보를 바탕으로 모바일 앱 홈 화면 UI를 만들어줘. 위치 표시, 검색바, 카테고리 칩, 추천 음식점 카드, 메뉴 그리드, 하단 탭 내비게이션을 포함한 9:16 모바일 화면으로 구성해줘. 웜화이트/토마토 레드/소프트 오렌지 톤, 둥근 카드형 컴포넌트, 실제 앱처럼 읽기 쉬운 한글 UI 텍스트와 음식 이미지 카드를 적용해줘.
쇼핑몰 상품 페이지 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.
노트북 한국 앱 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
GPT 이미지 2· 이미지
A funny Korean mobile game screenshot of a vs battle at Lotte World (롯데월드) theme park. Two Korean families competing for front-row position in pixel-art style. Health bars at top with Korean names '김씨 가족' vs '이씨 가족'. Action buttons: '새치기 시도', '아이 울리기'. Bright colorful Korean mobile game UI aesthetic.
핀테크 대시보드 UI
GPT 이미지 2· 이미지
원하는 핀테크 서비스 정보를 바탕으로 데스크톱 대시보드 UI 화면을 만들어줘. 좌측 사이드바, 상단 요약 카드, 월별 지출 그래프, 카테고리 도넛 차트, 거래 내역 리스트, 저축 목표 카드가 포함된 16:9 웹앱 화면으로 구성해줘. 화이트 배경에 네이비와 민트 포인트 컬러, 현실적인 SaaS/Figma 스타일, 읽기 쉬운 한글 UI 텍스트와 정교한 여백을 적용해줘.
이커머스 라이브 스트림 UI 목업
GPT 이미지 2· 이미지
{"type": "live stream UI mockup", "subject": {"description": "portrait of {argument name=\"host name\" default=\"Elon Musk\"}, smiling, wearing a black t-shirt with a white technical schematic graphic", "background": "left side shows a screen with '{argument name=\"left background logo\" default=\"SPACEX\"}' text, right side shows a red '{argument name=\"right background logo\" default=\"Tesla T logo\"}' and a dark car"}, "ui_overlay": {"top_header": {"host_info": "avatar, name '{argument name=\"host name\" default=\"Elon Musk\"}', subtext '556K likes this session', red 'Follow' button"}}}
다크 모드 마케팅 케이스 스터디 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· 이미지
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 디자인 AI 프롬프트란?
UI 디자인 프롬프트는 AI 생성 결과를 원하는 목적에 맞게 안정적으로 이끌기 위한 구조화된 입력문이다. 주제만 짧게 적으면 결과가 흔들리기 쉽기 때문에 피사체, 배경, 구도, 조명, 색감, 소재, 움직임 또는 후반 보정 조건을 함께 정리하는 것이 중요하다. 캐럿 프롬프트 갤러리의 예시는 실무에서 바로 복사해 수정할 수 있도록 구성되어 있어 기획 초안, 광고 시안, SNS 콘텐츠, 포트폴리오 레퍼런스 제작에 빠르게 활용할 수 있다. 같은 프롬프트도 비율, 브랜드 톤, 촬영 거리, 플랫폼을 바꾸면 전혀 다른 결과로 확장된다.
주요 활용 장면
- 모바일 앱 화면: 목적과 플랫폼에 맞는 시안을 빠르게 만들 수 있다
- SaaS 대시보드: 목적과 플랫폼에 맞는 시안을 빠르게 만들 수 있다
- 쇼핑몰 상세 UI: 목적과 플랫폼에 맞는 시안을 빠르게 만들 수 있다
- 예약 서비스 화면: 목적과 플랫폼에 맞는 시안을 빠르게 만들 수 있다
- 피치덱용 제품 시안: 목적과 플랫폼에 맞는 시안을 빠르게 만들 수 있다
이 태그가 유용한 이유
UI 디자인 작업은 작은 조건 차이가 완성도와 사용성을 크게 바꾼다. 좋은 프롬프트는 화면에서 가장 먼저 보여야 할 요소, 시선을 유도하는 배치, 피해야 할 과장, 필요한 여백과 질감을 모두 포함한다. 이렇게 구조화하면 여러 번 생성해도 비교 기준이 분명하고, 팀 안에서 결과를 공유할 때 수정 방향을 설명하기 쉽다. 이 태그는 관련 예시를 한곳에 모아 탐색 시간을 줄이고, 디자이너와 마케터가 프로젝트에 맞는 문장을 빠르게 가져와 조정할 수 있게 돕는다. 초보자는 예시의 소재와 색감만 바꾸는 방식으로 시작해도 충분히 좋은 결과를 얻을 수 있다.
관련 프롬프트 더 보기
프롬프트 구성 팁
- 서비스 목적과 사용자 행동을 먼저 정의한다
- 카드, 버튼, 탭, 그래프 등 필요한 컴포넌트를 적는다
- 배경색과 강조색의 위계를 분명히 한다
- 실제 화면처럼 여백과 정렬 규칙을 지정한다
처음부터 긴 문장을 한 번에 완성하려고 하기보다 장면 설명, 스타일 지시, 기술 조건을 나누어 작성하는 것이 좋다. 결과가 마음에 들면 구도와 조명은 유지하고 소재, 표정, 색상만 바꿔 여러 변형을 만들면 일관된 시리즈를 빠르게 제작할 수 있다.
