“코딩하다가 이미지가 필요하면 어떻게 하세요?”
Midjourney 열고, 프롬프트 쓰고, 다운로드하고, 다시 코드로 돌아오고…
이 과정 너무 귀찮지 않아요?
저도 그랬어요. 블로그 쓰다가 인포그래픽 필요하면 다른 툴 열어서 만들고, 앱 만들다가 아이콘 필요하면 또 다른 데 가서 생성하고.
근데 말이죠.
Antigravity에서는 코드 쓰면서 바로 이미지 생성할 수 있어요.
“NanoBana”라고 불리는 Gemini 3 Pro Image 모델이 내장되어 있거든요.
2026년 1월 현재, 저는 블로그 인포그래픽, UI 목업, 썸네일 전부 Antigravity에서 생성하고 있어요.
다른 툴 안 열어도 돼요. 진짜로.
이 글에서 NanoBana 사용법을 실전 예제로 정리해드릴게요.
🤔 NanoBana가 뭔데?
“NanoBana… 뭔 소린지 모르겠죠?”
쉽게 말하면 **”Gemini 3 Pro로 돌아가는 이미지 생성 기능”**이에요.
NanoBana 종류
| 모델 | 정식 명칭 | 특징 | 용도 |
|---|---|---|---|
| NanoBana | Gemini 2.5 Flash Image | 빠른 속도, 저지연 | 간단한 이미지, 대량 생성 |
| NanoBana Pro | Gemini 3 Pro Image | 고품질, 4K 지원 | 전문 이미지, UI 목업, 인포그래픽 |
NanoBana Pro가 핵심이에요.
왜냐면:
- 4K 해상도 지원
- 텍스트 렌더링 정확함 (한글도!)
- 물리 법칙 정확한 조명, 그림자
- 참조 이미지 최대 14개까지
다른 이미지 생성 AI랑 뭐가 다른가요?
솔직히 처음에 “Midjourney랑 뭐가 달라?”라고 생각했어요.
써보니까 다르더라고요.
| 항목 | NanoBana Pro | Midjourney | DALL-E 3 |
|---|---|---|---|
| 텍스트 렌더링 | ⭐⭐⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐ |
| 한글 지원 | ⭐⭐⭐⭐ | ⭐ | ⭐⭐ |
| UI 목업 | ⭐⭐⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐ |
| 코드 에디터 통합 | ✅ (Antigravity) | ❌ | ❌ |
| 가격 | 무료* | $10/월 | $20/월 |
*Antigravity 사용 시 무료. API 직접 호출 시 비용 발생.
텍스트 렌더링이 진짜 좋아요.
인포그래픽 만들 때 글자가 깨지거나 이상하게 나오는 거 경험해보셨죠?
NanoBana Pro는 한글도 거의 정확하게 렌더링해요.
🚀 Antigravity에서 NanoBana 사용하는 법
자, 이제 실전이에요.
방법 1: generate_image 도구 사용 (가장 기본)
Antigravity에서 AI한테 이미지 생성 요청하면 자동으로 generate_image 도구가 호출돼요.
프롬프트 예시: "블로그 썸네일 이미지 만들어줘. 주제: AI 코딩 도구 비교 스타일: 모던, 미니멀, 파란색 계열 텍스트: 'AI 코딩 도구 TOP 5' 포함"
AI가 알아서:
generate_image도구 호출- NanoBana Pro로 이미지 생성
- 아티팩트 폴더에 저장
- 파일 경로 반환
5초 안에 이미지 완성!
방법 2: 상세 프롬프트 작성
더 정확한 결과를 원하면 상세하게 요청하세요.
"인포그래픽 이미지 생성해줘. 주제: FOMC 2026년 일정 스타일: - 타임라인 형식 - 다크 모드 배경 (#1a1a2e) - 악센트 컬러: 파란색 (#4361ee) - 폰트: 산세리프, 깔끔한 스타일 내용: - 1월 29일: 1차 FOMC - 3월 19일: 2차 FOMC (점도표) - 6월 18일: 4차 FOMC (점도표) - 9월 17일: 6차 FOMC (점도표) - 12월 10일: 8차 FOMC (점도표) 해상도: 16:9 비율 언어: 한국어"
팁: 프롬프트가 상세할수록 결과물이 좋아요.
방법 3: 참조 이미지 활용
기존 이미지 스타일 따라하고 싶을 때:
"이 이미지 스타일로 새로운 인포그래픽 만들어줘. [기존 이미지 경로] 내용은 이렇게 바꿔줘: - 제목: '2026년 배당 ETF 비교' - 항목: SCHD, JEPI, JEPQ 비교표"
NanoBana Pro는 최대 14개 참조 이미지를 받을 수 있어요.
일관된 스타일의 시리즈 이미지 만들 때 유용해요.
💡 실전 활용 예시 5가지
제가 실제로 쓰는 방법들이에요.
예시 1: 블로그 썸네일
"블로그 썸네일 만들어줘. - 주제: Claude Code vs Cursor 비교 - 스타일: 테크 블로그, 그라데이션 배경 - 텍스트: 'Claude Code vs Cursor' 크게 - 비율: 16:9 - 두 도구 로고나 아이콘 양쪽에 배치"
결과: 3초 만에 썸네일 완성. 블로그마다 일관된 스타일로 생성 가능.
예시 2: 인포그래픽
"투자 전략 인포그래픽 만들어줘. - 제목: '금리 인하 시 투자 전략' - 다이어그램 형식 - 섹션 3개: 1. 채권 비중 확대 (TLT, IEF) 2. 배당주 관심 (SCHD, VNQ) 3. 성장주 추가 (QQQ) - 한글로 작성 - 다크 테마, 초록색 악센트"
결과: 블로그에 바로 삽입 가능한 인포그래픽 완성.
예시 3: UI 목업
앱이나 웹사이트 디자인할 때:
"모바일 앱 UI 목업 만들어줘. - 앱 종류: 가계부 앱 - 화면: 월간 지출 대시보드 - 스타일: iOS 스타일, 미니멀 - 요소: - 상단: 월 선택 네비게이션 - 중앙: 원형 차트 (카테고리별 지출) - 하단: 최근 거래 리스트 - 색상: 흰 배경, 파란색 포인트"
결과: 개발 전 디자인 검토 가능. 클라이언트한테 보여주기에도 좋아요.
예시 4: 아이콘/로고
"간단한 앱 아이콘 만들어줘. - 앱 이름: BudgetTracker - 스타일: 플랫 디자인 - 심볼: 돼지 저금통 + 그래프 - 색상: 그라데이션 (파랑 → 초록) - 배경: 투명 또는 흰색"
예시 5: 발표 자료 슬라이드
"발표 슬라이드 이미지 만들어줘. - 제목 슬라이드 - 제목: 'AI 시대의 개발 워크플로우' - 부제: '2026년 트렌드와 전망' - 스타일: 비즈니스, 프로페셔널 - 배경: 다크 그라데이션 + 기하학적 패턴"
🎯 NanoBana Pro 꿀팁 (내 경험)
2개월간 쓰면서 찾은 팁들이에요.
꿀팁 1: 한글은 “한국어로 작성”이라고 명시하세요
❌ "인포그래픽 만들어줘. 제목: FOMC 일정" ✅ "인포그래픽 만들어줘. 제목: FOMC 일정. 모든 텍스트는 한국어로 작성."
명시하지 않으면 영어로 생성되는 경우가 많아요.
꿀팁 2: 비율 지정 필수
❌ "블로그 썸네일 만들어줘" ✅ "블로그 썸네일 만들어줘. 16:9 비율로."
비율 안 정하면 1:1로 나오는 경우가 많아요.
주요 비율:
- 16:9: 블로그 썸네일, 유튜브 썸네일
- 1:1: SNS 포스트, 인스타그램
- 9:16: 스토리, 릴스
- 4:3: 발표 자료
꿀팁 3: 스타일 키워드 활용
좋은 결과물을 위한 스타일 키워드:
📸 사진 스타일: "photorealistic", "professional photography" 🎨 일러스트: "flat design", "minimalist", "vector style" 🖼️ 아트: "digital art", "concept art", "3D render" 📊 비즈니스: "corporate", "professional", "clean" 🌙 다크 모드: "dark theme", "dark background", "moody"
꿀팁 4: 부정 프롬프트 활용
원하지 않는 요소 제거:
"인포그래픽 만들어줘. - 내용: ETF 비교 - 스타일: 심플, 모던 - 제외: 복잡한 패턴, 그라데이션 과다, 3D 효과"
“제외” 또는 “없이”로 명시하면 돼요.
꿀팁 5: 반복 생성으로 품질 향상
첫 번째 결과가 마음에 안 들면:
"방금 생성한 이미지랑 비슷하게, 근데: - 색상 더 진하게 - 텍스트 더 크게 - 배경 더 단순하게"
수정 요청하면 이전 스타일 유지하면서 개선해줘요.
⚠️ NanoBana 한계점 (솔직 후기)
좋은 점만 말하면 안 되죠. 아쉬운 점도 있어요.
한계 1: 한글 폰트 스타일 제한
한글 자체는 잘 렌더링되는데, 폰트 스타일 지정이 안 돼요.
❌ "맑은 고딕으로 텍스트 작성해줘" → 반영 안 됨 ✅ "산세리프 스타일로" → 대략적으로 반영
특정 폰트가 필요하면 포토샵/피그마에서 후처리해야 해요.
한계 2: 복잡한 레이아웃 한계
요소가 5개 이상이면 레이아웃이 깨지는 경우가 있어요.
❌ "10개 항목 비교표 인포그래픽" ✅ "5개 항목 비교표 인포그래픽" (2장으로 나눠서)
복잡한 건 여러 이미지로 나누세요.
한계 3: 실시간 데이터 반영 안 됨
❌ "오늘 S&P 500 종가 포함한 이미지" → 실제 데이터 반영 안 됨 ✅ "S&P 500 지수 5,200 포함한 이미지" → 직접 숫자 입력
실시간 데이터가 필요하면 직접 넣어줘야 해요.
한계 4: 로고/상표 생성 제한
저작권 문제로 특정 브랜드 로고 생성이 제한돼요.
❌ "Apple 로고 포함한 이미지" ✅ "사과 아이콘 포함한 이미지" (일반적인 사과)
🔧 블로그 인포그래픽 자동화 (내 워크플로우)
저는 Claude Skill로 인포그래픽 생성을 자동화했어요.
blog-infographic-generator 스킬
.claude/skills/blog-infographic-generator/SKILL.md:
--- name: blog-infographic-generator description: 블로그 글 기반 인포그래픽 자동 생성 --- # Blog Infographic Generator ## 워크플로우 1. 블로그 글 읽기 2. 핵심 내용 추출 (3-5개 포인트) 3. NanoBana Pro로 인포그래픽 생성 4. 블로그 폴더에 저장 ## 기본 설정 - 해상도: 16:9 (2816x1536) - 언어: 한국어 - 스타일: 다크 테마, 모던 - 모델: nano-banana-pro
사용법
@blog-infographic-generator "260111 FOMC 일정.md"
이렇게 하면 블로그 글 읽고 자동으로 인포그래픽 만들어서 같은 폴더에 저장해요.
블로그 글 쓰고 인포그래픽까지 5분 안에 끝!
❓ FAQ: 자주 묻는 질문
Q1. NanoBana 사용료가 있나요?
Antigravity에서 사용하면 현재 무료예요.
단, API로 직접 호출하면 토큰당 비용이 발생해요.
Q2. 생성한 이미지 저작권은 어떻게 되나요?
Google 정책상 생성한 이미지는 사용자에게 귀속돼요.
상업적 사용도 가능해요. 단, 명시적으로 다른 사람/브랜드 침해하면 안 돼요.
Q3. Midjourney보다 좋은가요?
용도에 따라 달라요.
- 예술적 이미지, 일러스트 → Midjourney
- 텍스트 포함 이미지, UI 목업, 인포그래픽 → NanoBana Pro
- 코드 에디터 통합 필요 → NanoBana Pro
저는 블로그용은 NanoBana, 아트워크는 Midjourney 써요.
Q4. 한글이 깨지면 어떻게 하나요?
- “한국어로 작성”이라고 명시
- 글자 수 줄이기 (10자 이내 권장)
- 그래도 안 되면 영어로 생성 후 후처리
솔직히 100% 완벽하진 않아요. 근데 다른 AI보다는 훨씬 나아요.
Q5. 동영상도 생성할 수 있나요?
2026년 1월 현재 NanoBana는 이미지만 지원해요.
동영상은 Veo 2 모델이 따로 있어요.
🎯 결론: 이미지 생성도 코드 에디터에서
정리할게요.
NanoBana Pro 핵심
- 정식 명칭: Gemini 3 Pro Image
- 특징: 4K 해상도, 텍스트 렌더링 정확, 참조 이미지 14개 지원
- 장점: Antigravity 통합, 코딩하면서 바로 생성
- 용도: 블로그 썸네일, 인포그래픽, UI 목업, 아이콘
사용 팁 요약
- ✅ 한글은 “한국어로 작성” 명시
- ✅ 비율(16:9, 1:1 등) 지정 필수
- ✅ 스타일 키워드 활용 (flat, minimalist, dark 등)
- ✅ 복잡한 건 여러 이미지로 나누기
- ✅ 반복 생성으로 품질 향상
나의 워크플로우
블로그 글 작성 → "@blog-infographic-generator" 호출 → 인포그래픽 자동 생성 → 완료
다른 툴 열 필요 없어요.
Antigravity 안에서 코드도 쓰고, 글도 쓰고, 이미지도 만들고.
이게 2026년 AI 개발 환경이에요.
궁금한 거 있으면 댓글 남겨주세요! 😊
📚 참고 자료
🏷️ 태그: #Antigravity #NanoBana #GeminiPro #이미지생성 #AI #인포그래픽 #UI목업