신규: GPT Image 2.5 Flare와 Sunburst. 가입하면 3장 무료, 이후 장당 8 크레딧.
GPT Image 2.5 사용해 보기
디자인 툴 및 터미널 동기화 UI 목업
UI / UX 디자인

디자인 툴 및 터미널 동기화 UI 목업

웹 에디터와 터미널 코드 동기화를 보여주는 세련된 SaaS 발표 목업을 생성합니다. 헤드라인, 프로젝트 이름, 명령어를 변경하여 맞춤 설정하세요.

프롬프트

A polished 16:9 SaaS product-announcement UI mockup showing a design tool and CLI terminal syncing in real time. Set against a warm coral-orange backdrop filling the entire frame, featuring a central cream-white design artboard partially overlaid by interface panels with soft drop shadows. Layout and elements: 1. Left editor panel: Off-white rounded sidebar titled "Playground Crowdfunding Page" with a circular app icon on the left and a bell icon on the right. Top action row: "Edit", "Discard", and a coral "Save" button. Three tabs: "Simple" (active), "Pro", "Code". Compact 9-icon toolbar: pointer, cursor, rectangle, grid/cross, circle, text T, pencil, undo, redo. Labeled inspector sections for Text, Typography (font "Poppins", size "36 px", color "#1A1714", weight "Bold", italic, underline, strikethrough, alignment, leading "1.35", case "none", tracking), Appearance (background "None", radius "0px", overflow "visible", opacity "1", z "auto"), and Border. 2. Central webpage artboard: At top, a logo of 3 colored dots (green, yellow, red) followed by "[Maple Grove Park]". Below, a pale green pill badge with a green dot reading "[A neighborhood project on Elm Street]". Large bold dark green-black headline selected with a thin blue bounding box and 4 square corner handles: "[Let's build a playground our kids will never forget.]" broken across four lines. Beneath it, smaller gray body copy beginning "Maple Grove's old play structure came down last spring. Together, we can replace it with something". 3. Right donation card: White rounded card cropped at the right edge, showing a selected amount box reading "[$61,240]" with a blue dashed outline, a green-to-lime progress bar, status text "72% funded" and "312 neighbors", and a rounded green button "Chip in today". 4. Floating terminal window: Upper-right dark macOS terminal with rounded corners, drop shadow, and three traffic light dots (red, yellow, green). Title bar: "temp — claude — 64x22". Pixel-art orange mascot icon on the left. Monospaced terminal text showing "Claude Code v2.1.176", "claude-opus-4-8", "~/temp", "? for shortcuts", and an active command line "/design-sync Push my design components to Claude Design" with an end cursor. Style: Crisp vector-like UI presentation, modern Figma and macOS aesthetic, clean typography, soft subtle shadows, no people, no watermarks.

바꿔 쓸 수 있는 부분

생성하기 전에 프롬프트의 이 부분을 원하는 주제나 문구로 바꿔 보세요.

  • [Maple Grove Park]자리 표시자
  • [A neighborhood project on Elm Street]자리 표시자
  • [Let's build a playground our kids will never forget.]자리 표시자
  • [$61,240]자리 표시자
  • “Playground Crowdfunding Page”따옴표 안 문구
  • “Edit”따옴표 안 문구
  • “Discard”따옴표 안 문구
  • “Save”따옴표 안 문구

프롬프트 정보

카테고리
UI / UX 디자인
모델
GPT IMAGE 2
이미지당 비용
1K: 43 크레딧 · 2K: 86 크레딧 · 4K: 143 크레딧
화면 비율
16:9
추가일

기타 템플릿