gemini-3-pro

2 개의 포스트

figma

Gemini 3 Pro (새 탭에서 열림)

Google의 Gemini 3 Pro에 포함된 Nano Banana Pro는 이미지의 색상·질감·구도·브랜드 정체성을 유지하면서도 빠르게 변형하고 정교하게 수정할 수 있는 생성형 이미지 모델이다. Figma는 이를 활용해 소셜 콘텐츠 변주, 다크 모드 전환, 인물 사진 보정, 제품 장면 합성 등 기존에 많은 시간이 걸리던 작업을 자연어 몇 마디로 처리할 수 있다고 소개한다. 핵심은 단순한 이미지 재생성이 아니라 원본의 맥락과 의도를 보존한 채 부분적으로 개선할 수 있다는 점이다. ## 브랜드 정체성을 유지하는 이미지 변형 - Figma Buzz, Figma Design, Figma Slides 등 다양한 제품에서 Nano Banana Pro를 테스트했다. - 새로운 이미지를 만들면서도 다음 요소를 비교적 안정적으로 유지한다. - 브랜드 색상과 팔레트 - 질감과 일러스트 스타일 - 타이포그래피와 로고 - 이미지의 구도와 시각적 분위기 - 단순한 설명만으로 기존 디자인의 “느낌”은 보존하면서 여러 스타일과 방향을 실험할 수 있다. - 작은 캐릭터와 넓은 배경의 비율, 가벼운 드로잉의 매력, 로고 형태 등을 유지한 채 변주하는 사례가 제시된다. ## 기존 작업을 상황에 맞게 수정 - 겨울철 뉴욕 활동을 소개하는 뉴스 앱 일러스트를 다크 모드용 이미지로 변환했다. - 기존 일러스트를 처음부터 다시 그리지 않고, 조명과 색상만 조정해 어두운 환경에 어울리도록 만들었다. - 수작업으로 여러 이미지를 다시 제작했다면 수 시간이 걸렸을 작업을 짧은 프롬프트로 처리할 수 있다. - 핵심은 원본 이미지를 버리고 새로 생성하는 것이 아니라, 기존 자산의 구조와 개성을 유지하며 특정 사용 맥락에 맞게 바꾸는 것이다. ## 새로운 구도와 장면으로 확장 - 천문학 앱 일러스트를 아늑한 공간에서 누군가 휴대폰으로 읽는 장면에 배치했다. - 모델은 일러스트를 휴대폰 화면에 자연스럽게 합성하고, 무드보드의 조명과 분위기도 반영했다. - 장면의 콘셉트에 맞춰 별빛 같은 요소를 추가하는 등 단순 합성을 넘어 창의적인 보완도 수행했다. - 회사 리더의 프로필 사진을 기존 임원 사진들과 어울리도록 다음과 같이 수정할 수 있다. - 촬영 구도 변경 - 카메라 각도 조정 - 배경 교체 - 브랜드 스타일에 맞춘 분위기 조정 - 특히 얼굴을 수정할 때 인물의 정체성과 likeness를 크게 왜곡하지 않는 점을 장점으로 강조한다. ## 여러 이미지와 모델을 결합한 장면 구성 - Figma Weave를 이용하면 브랜드 무드보드의 그래픽, 문구, 사진 등 여러 요소를 하나의 장면으로 합성할 수 있다. - Nano Banana Pro는 서로 다른 시각 자료를 결합하면서도 전체 장면의 일관성을 유지하는 데 활용된다. - Google의 Veo와 함께 사용하면 합성된 공간에 사람들의 활동이나 움직임을 추가해 영상으로 확장할 수 있다. - 그 밖에도 다음 모델과 조합할 수 있다. - 3D 모델 - 이미지 업스케일러 - 배경 제거 모델 - LLM 기반 프롬프트 개선 도구 - 여러 전문 도구를 조합해 모듈식으로 아이디어를 발전시키는 창작 환경을 만들 수 있다는 설명이다. ## Figma 제품 안에서 맥락을 유지한 편집 - Nano Banana Pro를 팀이 이미 사용하는 Figma 제품과 작업 흐름 안에서 활용할 수 있다는 점을 강조한다. - 이미지를 매번 새로 생성하지 않고 기존 이미지에 직접 수정을 요청할 수 있다. - 가능한 편집 사례는 다음과 같다. - 이미지 속 문구 수정 - 특정 색상만 변경 - 배경이나 구도 조정 - 얼굴과 인물의 자연스러운 유지 - 지역과 언어에 맞춘 타이포그래피 변경 - 원본 이미지의 맥락을 유지하면서 필요한 부분만 수정하므로, 브랜드 자산을 반복적으로 재작업하는 시간을 줄일 수 있다. Figma의 사례는 Nano Banana Pro를 완성품을 한 번에 생성하는 도구라기보다, 기존 디자인 자산을 보존하면서 빠르게 실험하고 수정하는 협업 도구로 바라본다. 브랜드 이미지, 제품 시안, 프레젠테이션 자료처럼 일관성이 중요한 작업에서 부분 편집과 반복적인 변주에 활용하는 것이 특히 효과적이다.

figma

Gemini 3를 (새 탭에서 열림)

Gemini 3 Pro가 Figma Make의 실험적 모델로 제공되며, 디자인을 작동하는 코드 기반 프로토타입으로 전환하는 능력을 보여준다. Figma의 초기 테스트에서 다양한 레이아웃·스타일·인터랙션을 빠르게 탐색하면서도 디자인 충실도를 유지하는 점이 강점으로 나타났다. Gemini 3 Flash는 빠른 아이디어 발상과 수정에 적합한 경량 모델로 함께 제공된다. ## Figma Make에서 Gemini 3 Pro 제공 - Figma는 AI 모델을 다음 기준으로 평가한다. - 원래 디자인을 얼마나 정확하게 구현하는가 - 반복적인 작업을 얼마나 줄여주는가 - 팀의 창의적 탐색 범위를 얼마나 넓혀주는가 - Gemini 3 Pro는 다양한 레이아웃, 시각적 스타일, 인터랙티브 패턴을 탐색하는 데 강점을 보였다. - Figma Make의 실험적 모델 설정에서 활성화할 수 있다. - Gemini 3 Flash는 성능과 속도에 초점을 둔 모델로, 빠른 아이디어 구상과 반복적인 디자인 수정에 적합하다. ## 디자인에서 코드로의 전환 - Figma Design에서 제작한 황금빛 나뭇잎과 짙은 적갈색 배경의 추수감사절 감사 보드를 Figma Make로 구현했다. - Gemini 3 Pro는 다음 작업을 수행했다. - 나뭇잎을 SVG로 생성 - 화면 위에서 자연스럽게 움직이는 물리 효과 구현 - 마우스를 올리면 감사 메시지가 표시되는 인터랙션 추가 - Supabase를 연결해 사용자가 감사 메시지를 제출하도록 구성 - 단순한 시각적 콘셉트가 데이터 저장과 사용자 입력을 포함한 인터랙티브 프로토타입으로 확장됐다. ## 하나의 기능, 여러 시각적 스타일 - 새해 전야 RSVP 페이지를 대상으로 스타일 변환 능력을 테스트했다. - 처음에는 다음과 같은 Y2K 스타일을 적용했다. - 복고풍 미래주의 - 어두운 크롬 질감 - 분위기 있는 시각 언어 - 실제로 작동하는 RSVP 폼 - 이후 같은 기능을 “콘크리트 포에트리” 스타일로 변경했다. - 강렬하고 제한적인 타이포그래피 - 브루털리즘적 긴장감 - 장식을 최소화한 구성 - 스타일이 크게 바뀌어도 RSVP 폼의 핵심 기능은 유지됐다. - 각 스타일에 맞춰 애니메이션과 인터랙션 세부 요소도 일관성 있게 조정됐다. ## 디자인 시스템과 컴포넌트 활용 - Gemini 3 Pro를 이미 구축된 디자인 시스템 안에서 테스트했다. - Figma Make의 Make kits와 npm import를 통해 공유 라이브러리와 컴포넌트를 활용할 수 있도록 구성했다. - UI3 라이브러리 기반의 FigJam 템플릿에 캔버스 배경 스타일 전환 기능을 추가하도록 요청했다. - 모델은 다음 결과를 만들었다. - 12가지 배경 스타일 구현 - UI3 컴포넌트 사용 - 배경 스타일 전환 인터랙션 추가 - 텍스처 간 애니메이션 적용 - 스티키 노트의 레이어링과 크기 변화 효과 구현 - 복잡한 설명 없이도 기존 시스템의 구성 요소를 활용하면서 새로운 기능을 프로토타이핑했다. ## 디자이너의 역할 확대 - AI는 디자이너를 대체하기보다 탐색 가능한 디자인 공간을 넓히는 도구로 제시된다. - 모델이 디자인 의도와 시스템을 더 잘 이해할수록 다음 작업이 빨라진다. - 다양한 스타일 시도 - 인터랙션 검증 - 디자인 시스템 기반 기능 실험 - 코드로 구현된 프로토타입 제작 - 속도와 창의성이 서로 충돌하기보다, AI가 반복 작업을 줄여 디자이너가 방향 설정과 가능성 판단에 더 집중하게 만든다는 관점이다. Gemini 3 Pro는 높은 시각적 충실도와 인터랙션 구현이 필요한 프로토타입 제작에 적합하고, Gemini 3 Flash는 빠른 시안 생성과 반복 수정에 활용하는 것이 좋다. 다만 실제 제품 개발 전에는 생성된 코드와 데이터 연결, 접근성, 디자인 시스템 준수 여부를 별도로 검토해야 한다.