GPT Image 2.6으로 UI 디자인하기.

OpenAI가 2026년 11월 4일 ChatGPT Images 2.6을 출시하면서 새 API 모델 두 가지, GPT-Image-2.6 Flare와 Sunburst도 함께 내놓았습니다. UI 작업에 유용한 변화는 레퍼런스 이미지, SVG 내보내기, 애니메이션 GIF, 마크업 기반 편집입니다. 무엇이 달라졌는지, 앱과 웹사이트 목업에 어떻게 쓰는지 정리했습니다.

2026년 11월 6일 업데이트 · 7분 분량

GPT Image 2.6의 새 기능

• ChatGPT와 Codex에서 사용 가능. OpenAI에 따르면 Images 2.6은 웹, 데스크톱, 모바일의 ChatGPT와 Codex에서 모든 요금제에 제공됩니다.
• 레퍼런스 이미지와 GIF. 이번 출시로 ChatGPT Images에 애니메이션 GIF와 레퍼런스 이미지가 추가되었습니다.
• API 모델 두 가지. gpt-image-2.6-flare는 속도가 가장 중요한 워크플로를 위한 작은 모델입니다. gpt-image-2.6-sunburst는 더 많은 디테일과 정밀한 편집을 위한 기본 모델입니다. OpenAI는 Flare가 이미지 한 장을 최소 6초 만에 생성할 수 있다고 밝혔습니다.
• 새 출력 형식. PNG, JPEG, WebP 외에 svg와 gif로도 생성할 수 있습니다. 두 모델 모두 투명 배경을 지원합니다.
• 마크업 기반 편집. 편집할 때 투명 오버레이(예: 요소 하나에 그린 동그라미)를 업로드하고 바꿀 내용을 설명할 수 있습니다.
• 복잡도 설정. complexity(low, medium, high)로 렌더링 전에 모델이 얼마나 계획할지 조절합니다. 두 모델 모두 기본값은 high입니다.

Flare vs Sunburst

OpenAI의 마이그레이션 권장 사항은 이렇습니다. GPT Image 2.5 Flare를 썼다면 2.6 Flare로, 2.5 Sunburst를 썼다면 2.6 Sunburst로 시작하세요. Sunburst가 원하는 품질을 충족한다면 같은 프롬프트로 Flare도 시험해 비교해 보세요.

UI 디자인에 활용하는 방법

• ChatGPT에서: 채팅에서 목업을 요청하고, 레퍼런스가 있다면 첨부하세요.
• Codex에서: 원하는 이미지를 설명하거나, $imagegen을 넣어 이미지 생성 스킬을 명시적으로 호출하세요. 레퍼런스 이미지를 첨부하면 결과를 원하는 방향으로 이끌 수 있습니다.
• API로: gpt-image-2.6-flare 또는 gpt-image-2.6-sunburst로 이미지 생성 엔드포인트를 호출하세요.

인터페이스 프리뷰에 대한 OpenAI의 가이드는 이렇습니다. 제품이 이미 존재하는 것처럼 설명하고, 레이아웃, 위계, 간격, 실제 인터페이스 요소에 집중하며, 콘셉트 아트 같은 표현은 피하세요. 그래야 스케치가 아니라 출시된 인터페이스처럼 보입니다. 정확히 들어가야 할 텍스트는 따옴표로 감싸세요.

UI 목업용 프롬프트

42개를 더 보려면 GPT Image 2.6 UI 디자인 프롬프트 모음을 확인하세요.

모바일 앱 화면

[독서 습관 앱]의 사실적인 모바일 앱 UI 목업을 만들어 줘. 다시 방문한 사용자의 홈 화면: 인사말이 있는 헤더, 오늘의 20분 목표를 보여 주는 큰 진행 링, 페이지 진행률이 표시된 현재 읽는 책, "6분 세션 시작하기"라고 적힌 기본 버튼, 오늘·서재·통계·프로필 탭이 있는 하단 탭 바. 크림색 배경, 짙은 초록색 액션, 코랄 포인트 색상 하나, 또렷한 타이포그래피, 최소한의 장식. 실제로 출시된 앱처럼 보여야 해. iPhone 화면, 기기 프레임 없이.

세 가지 방향의 랜딩 페이지 히어로

[프리랜서용 인보이스 앱]의 데스크톱 랜딩 페이지 히어로 섹션을 세 개 만들어 줘. 헤드라인은 모두 "대금을 9일 더 빨리 받으세요."로, 버튼 두 개도 똑같이 하고, 스타일만 세 가지로: 세리프 헤드라인의 따뜻한 에디토리얼, 라임색 포인트 하나를 쓴 대담하고 어두운 스타일, 둥근 카드의 부드럽고 친근한 스타일. 사실적인 UI, 지정한 텍스트만 사용, 16:9, 기기 프레임 없이.

대시보드

[커피 로스터리]를 위한 사실적인 웹 대시보드 UI를 만들어 줘: 왼쪽 사이드바 내비게이션, KPI 카드 4개(활성 구독 1,284 / 출고된 원두 642봉 / 이탈률 2.1% / 매출 $38.4k), 8주간 주별 출고량 막대 차트, 상태 태그가 붙은 이번 주 로스팅 목록. 차분하고 따뜻한 팔레트, 명확한 위계, 실제 인터페이스 요소. 16:9.

SVG 아이콘 세트(API)

API를 호출할 때 output_format="svg"와 background="transparent"를 설정하고, 다음과 같은 프롬프트를 쓰세요.

앱 탭 바에 쓸 단순한 라인 아이콘 6개 세트: 홈, 서재, 통계, 프로필, 검색, 설정. 2px 선 두께 통일, 둥근 선 끝, 단색, 텍스트 없음, 한 줄에 균등한 간격으로 배치.

GIF로 만든 마이크로 인터랙션

모바일 버튼을 탭하는 짧은 반복 애니메이션: "장바구니에 담기" 버튼이 살짝 작아지면서 초록색으로 바뀌고 체크 표시가 나타난 뒤 원래 상태로 돌아온다. 플랫 UI 스타일, 흰색 배경, 다른 텍스트 없음.

마크업으로 요소 하나만 편집하기

이미지와 같은 크기의 투명 오버레이에 바꾸고 싶은 요소를 동그라미로 표시한 다음, 그 변경 사항만 설명하세요.

동그라미 친 버튼만 바꿔 줘: 진한 초록색 단색 배경에 흰색 "계속하기" 라벨이 있는 기본 스타일로. 화면의 나머지는 전부 그대로 유지해 줘.

이미지에서 실제 화면으로

목업 이미지는 그림일 뿐이라 클릭하거나 크기를 바꾸거나 배포할 수 없습니다. 마음에 드는 방향이 정해지면 Codex에 HTML로 다시 만들어 달라고 하세요.

첨부한 목업 이미지를 [390×844] 크기의 단일 HTML 파일로 다시 만들어 줘. 인라인 CSS와 시스템 폰트를 쓰고, 레이아웃·간격·색상·텍스트를 정확히 맞춰 줘. 아이콘과 일러스트는 HTML과 CSS로 그려 줘.

Codex Design 캔버스에서는 생성된 이미지와 HTML 버전이 나란히 놓여 얼마나 일치하는지 확인한 뒤 폰트, 색상, 간격을 시각적으로 수정할 수 있습니다. 전체 워크플로는 AI로 UI 목업 만드는 방법을 참고하세요.

자주 묻는 질문

GPT Image 2.6은 무료인가요?

OpenAI에 따르면 Images 2.6은 웹, 데스크톱, 모바일을 포함해 ChatGPT의 모든 요금제에서 사용할 수 있습니다. 사용량 한도는 요금제에 따라 다릅니다. API로 Flare와 Sunburst를 쓰면 OpenAI API 요금에 따라 과금됩니다.

GPT Image 2.6과 2.5, 무엇을 써야 하나요?

새로 UI 워크플로를 만든다면 2.6으로 시작하세요. OpenAI는 2.5 Flare는 2.6 Flare로, 2.5 Sunburst는 2.6 Sunburst로 대응시키며, 같은 프롬프트, 레퍼런스, 크기, 품질로 비교해 보라고 권장합니다.

GPT Image 2.6으로 UI 목업을 만들 수 있나요?

네. OpenAI의 프롬프트 가이드에도 인터페이스 프리뷰가 활용 사례로 나옵니다. 결과물은 이미지이므로 작은 텍스트와 간격을 확인하고, 실제 화면이 필요하면 선택한 방향을 코드로 다시 구현하세요.

더 읽어 보기

• AI로 UI 목업 만드는 방법와이어프레임, 하이파이 목업, 이미지, 그리고 각각 언제 쓰는지.
• ChatGPT로 UI 디자인하는 방법Chat, 이미지 생성, Codex를 각각 언제 쓰는지.