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는 빠른 시안 생성과 반복 수정에 활용하는 것이 좋다. 다만 실제 제품 개발 전에는 생성된 코드와 데이터 연결, 접근성, 디자인 시스템 준수 여부를 별도로 검토해야 한다.