Nano Banana (Figma / FigJam 플러그인)

개요

Nano Banana는 Codia 공식 Figma / FigJam 플러그인으로, AI 이미지의 탐색·생성·디자인 변환 세 가지 액션을 하나의 패널에서 제공합니다. 영감 워터폴을 살피고, 프롬프트로 새 이미지를 만들고, 마음에 드는 이미지를 캔버스에 넣거나 편집 가능한 Figma 레이어로 바꿉니다.

사용 사례

• 본격 디자인 전 영감·참고 이미지 탐색
• FigJam 보드에 일러스트·아이콘·무드 이미지를 빠르게 보강
• AI로 커버·배너·아바타를 만들어 Figma에 바로 투입
• AI 생성 포스터를 편집 가능한 레이어로 변환해 Figma에서 계속 작업

설치

1. Figma Plugins → Find more plugins (FigJam에서도 검색 가능)
2. Codia AI: Nano Banana 검색
3. Run 클릭, Codia 계정으로 로그인

주요 기능

패널 하단에 세 개의 탭이 있습니다.

1. Explore (탐색)

• 큐레이션된 AI 이미지 워터폴, 상단 검색바 지원
• 이미지를 탭해 상세 보기, Figma에 삽입 가능
• 포스터 / UI 유형은 편집 가능한 디자인으로 변환 (레이어·텍스트·도형 분해)
• 삽입 시 적절한 해상도를 자동 선택해 캔버스 과적재 방지

2. AI Generate (AI 생성)

• 텍스트 → 이미지 생성, 다양한 비율·스타일 프리셋
• 생성 이력이 갤러리에 유지되어 같은 이미지 재사용이 편리
• 생성 결과도 편집 가능한 Figma 레이어로 변환 가능

3. My Creations (내 작품)

지금까지 생성·조작한 이미지를 한 곳에서 확인해 기존 에셋 재활용이 쉬워집니다.

쿼터

• 생성·변환 횟수는 Codia AI 계정과 공유
• 무료 계정은 일·월 한도, Pro는 대폭 완화
• 한도 도달 시 패널에 업그레이드 모달 노출

팁

• 영어 프롬프트 권장 — 현재 모델은 영어 프롬프트에 더 민감
• 생성 전에 Explore — 키워드 검색으로 기존 소재가 있으면 생성 절약
• FigJam 브레인스토밍에 유용 — 보드에 무드 이미지를 바로 투입
• 핵심 요소는 해상도 고정 — 삽입 전 상세에서 고해상도 버전으로 전환

자주 묻는 질문

생성 실패 / 느림

네트워크 확인 (manifest의 allowedDomains: * 필요). 피크 시간대에는 대기가 있을 수 있습니다.

삽입 후 이미지가 흐려요

Explore는 기본적으로 썸네일을 사용합니다. 「전체 크기 삽입」 또는 「디자인으로 변환」으로 원본 해상도를 가져오세요.

Figma와 FigJam 모두 지원하나요?

네. manifest의 editorType에 figma·figjam을 함께 선언했습니다.

「디자인 변환」은 Screenshot to Design과 뭐가 다른가요?

Nano Banana는 자체 생성·큐레이션 이미지를 image-to-design 파이프라인으로 처리합니다. 임의의 스크린샷은 Screenshot to Design을 사용하세요.

다음 단계

• 코드로 변환 → Design to Code
• 기타 이미지 경로 → Screenshot to Design, Image to SVG

---

Codia AI — Anything to Design, Anything to Code