본문으로 건너뛰기
UI 디자인
앱 화면, 대시보드, 쇼핑몰 화면 같은 UI 디자인 시안을 AI로 제작한다.
2026.07.02
「UI 디자인」 원하는 대로 직접 만들어보세요「UI 디자인」 직접 만들어보세요
대화로 요청만 하면 최적화된 이미지·영상을 만들어줘요
매일 무료 100크레딧으로 바로 시작
·
도쿄 디즈니씨 맨앞줄 배틀 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· 이미지
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· 이미지
Create a realistic ecommerce product page UI screen, product gallery, price area, option selectors, review summary, purchase CTA, clean Korean shopping mall interface style, white background, soft green accents, no brand logos.
다크 모드 랜딩 페이지 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· 이미지
{"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· 이미지
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· 이미지
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· 이미지
Create a polished UI screen mockup for an AI image editing tool, canvas area, side toolbar, prompt panel, before/after preview cards, modern SaaS dashboard style, Korean-friendly clean typography but no readable dense text, blue and white palette.
핀테크 대시보드 UI
GPT 이미지 2· 이미지
Create a modern fintech dashboard UI screen, spending chart, account cards, savings goal module, transaction list, dark navy and lime accents, premium Korean finance app style, no real bank logos.
다크 모드 마케팅 케이스 스터디 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· 이미지
Create a realistic high-fidelity mobile hotel booking app UI screen, 9:16. Korean travel app search results page. Layout: destination search bar, date selector, filter chips, large hotel photo cards, rating, price, amenities icons, floating map button, bottom navigation. Use premium travel palette: ivory, deep green, muted gold. Realistic UI, readable Korean text, polished app design, no watermark.
UI 디자인 AI 프롬프트란?
UI 디자인 프롬프트는 AI 생성 결과를 원하는 목적에 맞게 안정적으로 이끌기 위한 구조화된 입력문이다. 주제만 짧게 적으면 결과가 흔들리기 쉽기 때문에 피사체, 배경, 구도, 조명, 색감, 소재, 움직임 또는 후반 보정 조건을 함께 정리하는 것이 중요하다. 캐럿 프롬프트 갤러리의 예시는 실무에서 바로 복사해 수정할 수 있도록 구성되어 있어 기획 초안, 광고 시안, SNS 콘텐츠, 포트폴리오 레퍼런스 제작에 빠르게 활용할 수 있다. 같은 프롬프트도 비율, 브랜드 톤, 촬영 거리, 플랫폼을 바꾸면 전혀 다른 결과로 확장된다.
주요 활용 장면
- 모바일 앱 화면: 목적과 플랫폼에 맞는 시안을 빠르게 만들 수 있다
- SaaS 대시보드: 목적과 플랫폼에 맞는 시안을 빠르게 만들 수 있다
- 쇼핑몰 상세 UI: 목적과 플랫폼에 맞는 시안을 빠르게 만들 수 있다
- 예약 서비스 화면: 목적과 플랫폼에 맞는 시안을 빠르게 만들 수 있다
- 피치덱용 제품 시안: 목적과 플랫폼에 맞는 시안을 빠르게 만들 수 있다
이 태그가 유용한 이유
UI 디자인 작업은 작은 조건 차이가 완성도와 사용성을 크게 바꾼다. 좋은 프롬프트는 화면에서 가장 먼저 보여야 할 요소, 시선을 유도하는 배치, 피해야 할 과장, 필요한 여백과 질감을 모두 포함한다. 이렇게 구조화하면 여러 번 생성해도 비교 기준이 분명하고, 팀 안에서 결과를 공유할 때 수정 방향을 설명하기 쉽다. 이 태그는 관련 예시를 한곳에 모아 탐색 시간을 줄이고, 디자이너와 마케터가 프로젝트에 맞는 문장을 빠르게 가져와 조정할 수 있게 돕는다. 초보자는 예시의 소재와 색감만 바꾸는 방식으로 시작해도 충분히 좋은 결과를 얻을 수 있다.
관련 프롬프트 더 보기
프롬프트 구성 팁
- 서비스 목적과 사용자 행동을 먼저 정의한다
- 카드, 버튼, 탭, 그래프 등 필요한 컴포넌트를 적는다
- 배경색과 강조색의 위계를 분명히 한다
- 실제 화면처럼 여백과 정렬 규칙을 지정한다
처음부터 긴 문장을 한 번에 완성하려고 하기보다 장면 설명, 스타일 지시, 기술 조건을 나누어 작성하는 것이 좋다. 결과가 마음에 들면 구도와 조명은 유지하고 소재, 표정, 색상만 바꿔 여러 변형을 만들면 일관된 시리즈를 빠르게 제작할 수 있다.
