게임 제작사 King이 Figma에서 여러 게임 디자인 기술을 통합하는 방법

많은 사람이 게임 디자이너를 꿈꿉니다. 하지만 게임 디자인에 관련된 역할과 이들이 어떻게 협력하는지에 대해 명확하게 파악하고 있는 사람은 얼마나 될까요?

여러 인기 모바일 게임 프랜차이즈의 제작사인 King은 전 세계 수백만 명의 플레이어의 상상력을 사로잡는 블록버스터 타이틀 제작 시 디자인의 역할에 대한 흥미로운 통찰력을 제공합니다. 매월 2억 명 이상의 활성 사용자가 웹, 소셜, 모바일 플랫폼에서 Candy Crush Saga, Candy Crush Soda Saga, Farm Heroes Saga 등 King에서 제작한 게임을 즐깁니다. 그리고 수백 명의 디자이너가 복잡한 프로토타입 제작 단계부터 정교한 비주얼 제작, 최종 제품의 안정성 유지를 위한 심도 깊은 QA 프로세스까지 모든 작업을 담당하고 있습니다.

다양한 디자인 기술의 조화

인상적인 점은 이를 실현하는 데 필요한 다양한 역량입니다. King에는 게임의 규칙과 메커니즘을 정의하는 게임 디자이너, 스토리를 만드는 내러티브 디자이너, 수익 모델을 담당하는 이코노미 디자이너, 그리고 흐름 및 인터랙션 디자인과 연구 및 짧은 카피 등을 담당하는 수많은 UI 및 UX 제작가가 있습니다. 이렇게 책임, 우선순위, 작업 흐름이 매우 다양하기 때문에 모두가 동일한 목표를 공유하고, 일관성 있게 일하는 것이 중요합니다.

Candy Crush Saga의 크리에이티브 부문 부사장 Paul Stephanouk는 “게임에서 디자인 및 개발 프로세스는 매우 복잡합니다. 수많은 기술이 한데 모이기 때문에 모든 사람의 의견을 조율하는 것이 어렵습니다.” “무엇보다도 UX팀과 UI팀은 협업하여 수많은 아이디어를 탐색해야 한다는 점에서 어려움을 겪습니다”라고 말합니다.

디자인 도구 통합

이것이 바로 2022년 초 King이 다양한 디자인 도구를 모두 Figma Design 도구로 전환한 많은 이유 중 하나입니다. 현재 6개 게임 스튜디오에서 수백 명의 디자이너는 물론 King의 모든 게임을 지원하는 다른 글로벌팀에서도 Figma를 사용하고 있습니다.

Figma로 전환하기 전, 디자인 팀원은 여러 다른 디자인 도구를 사용해 작업했고, 이로 인해 기술 협업이 복잡해졌습니다. 일러스트레이션, 아이콘, 전환, 사운드가 여러 소스에 흩어져 있었고 팀원들이 작업에 사용할 수 있는 공유 컴포넌트 라이브러리가 부재했습니다.

Candy Crush Saga의 UX 라이팅 부문 부 디렉터이며, 조직 내 Figma 도입 시 책임자이자 이니셔티브 책임자였던 Patricia Gómez는 “한때 King의 각 디자이너는 별도의 파일로 디자인을 만든 다음 팀의 다른 디자이너에게 그 파일을 보여주곤 했습니다.” “Figma가 Candy Crush 팀의 공식 디자인 플랫폼이 된 후 서로 다른 역할의 팀원이 같은 도구에서 협업하고 의견을 나누고 피드백을 받을 수 있었습니다. 그 결과 여러 기능을 담당하는 팀 전체에 디자인 작업이 공유되면서 디자인팀 이외의 팀원도 가시성과 투명성을 높일 수 있었습니다.”라고 설명합니다.

게임 산업에서만 볼 수 있는 특유의 복잡성으로 게임 엔진 사용이 있습니다. 게임 엔진은 애니메이션, 에셋 생성 및 최적화와 같은 일반적인 개발 작업을 지원하는 소프트웨어 프레임워크를 제공합니다. King 제작사의 많은 게임 역시 Fiction Factory라는 자체 개발된 크로스 플랫폼 모바일 C++ 게임 엔진, 에디터, 그리고 툴체인에서 실행됩니다.

게임 엔진을 기반으로 작업하는 것은 디자이너가 시각적인 요소를 바라보는 방식에 영향을 미치는데, 아트 디렉션은 플레이어를 게임 세계로 몰입시키고, 강력한 브랜드 정체성을 구축하는 데 매우 중요하기 때문입니다. 디자이너는 최종 제품을 가능한 한 가볍게 만들어 플레이어에게 원활한 경험을 제공하기 위해, 엔진에 맞게 게임의 모든 방면에서 에셋을 최적화하는 방법을 알아야 합니다. 또한 King의 게임이 iOS, Android, Amazon, HTML5, Windows와 PC, 태블릿, 스마트폰에서 실행되는 것을 고려했을 때 모든 것을 연계시키는 것 역시 매우 중요합니다.

프로세스 및 프로토타입 제작 간소화

Figma를 사용해 사람들을 하나로 모으기 위한 초기 시도 중 하나는 각 팀의 디자이너들이 사용할 수 있는 디자인 프로세스 템플릿을 만드는 것이었습니다. King은 Figma의 페이지 기능을 활용해 디자인 프로세스의 각 단계와 각 직무가 작업할 수 있는 공간을 명확히 지정한 하나의 템플릿 파일을 만들 수 있었습니다. 이 템플릿으로 디자이너, 제품 관리자, 프로듀서 간의 대화가 가능해지면서 각 팀의 작업 방식을 유지하면서도 모든 Candy Crush 게임에서 일관성을 유지할 수 있는 디자인 프로세스에 대해 논의할 수 있었습니다.

다른 이점도 있었습니다. 게임은 컨셉에서 최종 결과물로 발전하는 과정에서 많은 변화가 일어나기 때문에 문서가 더 이상 최신 정보를 반영하지 않는 상황이 발생합니다. 하지만 Figma 링크를 삽입함으로써 프로듀서와 제품 관리자는 여러 사람이 같은 파일을 작업하는 경우에도 문서가 항상 최신 상태를 반영하고 있다는 확신을 가질 수 있었습니다.

UX와 UI 팀은 현재 팀원들이 지속적으로 업데이트하는 컴포넌트 라이브러리를 구축하고 있습니다. 이는 Figma의 역량을 활용한 디자인 시스템 구축의 첫걸음입니다.

“프로토타입 제작은 Figma가 디자인 작업을 지원하는 또 다른 방법입니다. 게임은 상호작용이 많고 애니메이션이 적용되기 때문에 디자이너는 한 화면이 다른 화면으로 어떻게 전환되는지 또는 요소가 어떻게 표시되고 움직이는지 끊임없이 확인해야 합니다. 이제는 예를 들자면 UX 디자이너가 동일한 디자인 파일을 떠나지 않고도 기기에서 흐름을 쉽게 확인하고 상호작용하며 즉시 변경할 수 있습니다.”

“전반적으로 Figma 덕분에 UX 디자이너와 UX 라이터의 업무가 훨씬 더 편해졌어요.” “그리고 제품 관리자와 프로듀서는 디자이너가 매일 직면하는 어려움을 훨씬 더 잘 이해하게 되었습니다. 우리는 더 빨라졌고 더 협력하며 더 효율적으로 작업할 수 있게 됐어요. 이건 연말에 제공할 수 있는 기능의 수에 영향을 미칩니다.”라고 Patricia Gómez는 설명합니다.

자, 이제는 수백 개의 레벨을 통과하고 사탕을 모으며 마법을 해제하고 퍼즐을 풀 때에 아이디어를 현실로 만드는 게임의 멋진 여정을 떠올려 보세요. 그 여정은 Figma를 사용해 다양한 게임 디자인 분야가 원활하게 협업하여 이루어집니다!