Plaid는 미국에서 오픈 뱅킹을 개척하여 사람들이 매일 사용하는 앱에 금융 계좌를 안전하게 연결할 수 있는 환경을 제공합니다. Venmo로 돈을 송금했거나, Coinbase에서 암호 화폐를 구매했거나, Robinhood에서 투자를 확인해 본 적이 있다면, 그 과정에는 Plaid의 도움이 있었습니다.

Plaid에는 원대한 목표가 있습니다. 바로 모두를 위한 금융의 자유를 실현하는 것입니다. Plaid는 12,000개 이상의 금융 기관을 지원하고 8,000개 이상의 디지털 금융 서비스를 구동하는 플랫폼을 통해 사람들이 자신의 계정을 핀테크 서비스에 쉽고 안전하게 연결할 수 있도록 지원합니다. 규제가 엄격한 영역에서 운영하고 있는 Plaid는 금융 혁신에 필수적인 신뢰와 보안을 유지하면서 신속하게 움직이는 것을 자랑스럽게 생각합니다.

Plaid는 점점 더 커지고 복잡해지는 제품 생태계 전반에서 더 일관성 있고 확장 가능한 디자인을 만들기 위해 디자인 시스템을 조정할 필요가 있었습니다. 리브랜딩은 한 걸음 물러서서 그 기반을 개선할 수 있는 적절한 계기가 되었습니다. Figma 엔터프라이즈는 제품, 브랜드 및 디자인 시스템 팀에게 직무 간 협업을 위한 공유 공간을 제공했습니다.

과제: 새 제품 전반에 걸쳐 분산된 시각적 언어

Plaid의 성장은 새로운 제품들을 가져왔지만 시각적 일관성을 유지해야 한다는 큰 도전 과제도 하나 안겨주었습니다. 작업은 디자인 플랫폼, 프로토타입 제작 소프트웨어, 문서, 화이트보드 등에 흩어져 있었고, 각각 프로세스의 다른 일부 담고 있습니다.

브랜드 팀에게 창의적인 흐름을 유지하는 것은 훨씬 더 어려운 일이었습니다. 그들은 Google Docs에서 기획안 초안을 작성하고 검토한 뒤 디자인 팀에 전달했습니다. 작업은 문서 작성에서 디자인, 에셋 전달로 이어지는 고립되고 선형적인 프로세스로 진행되었습니다. 그 "컨베이어 벨트 방식"은 전략을 실행과 분리하여 추진력을 유지하기 어렵게 만들었습니다.

Plaid의 디자인 시스템인 Threads로 인해 더욱 복잡성이 심해졌습니다. 여러 팀이 조금씩 다른 형태의 컴포넌트 변형을 소유하고 있어, 아주 작은 변경 사항조차도 여러 종속 라이브러리 간의 조율이 필요했습니다.

리브랜딩은 Plaid가 공유된 디자인 언어를 중심으로 팀을 어떻게 통합할지 다시 고민하게 하는 원동력이 되었습니다. "우리 창립자는 이번 리브랜딩이 정말 성공하길 원했습니다"라고 Plaid의 디자인 책임자인 Christophe Tauziet는 말합니다. "하지만 그러기 위해서는 모든 사람을 프로세스에 참여시키고 진정한 조화를 이룰 수 있는, 더 빠르고 협력적인 방법이 필요했습니다."

해결책: 디자인, 협업 및 시스템 관리를 위한 통합 플랫폼

Plaid는 모든 것을 Figma로 이전하여 업무 흐름을 간소화했으며, 복잡하게 얽혀 있던 디자인, 프로토타입 제작, 피드백 도구들을 하나의 공유 플랫폼으로 대체했습니다.

Plaid는 Figma 엔터프라이즈를 통해 대규모 작업에 필요한 유연성을 확보했습니다. 변수를 통해 새로운 방향을 테스트하고, 여러 옵션을 비교하며, 다양한 제품 영역에 걸쳐 변경 사항을 신중하게 적용할 수 있게 되었습니다. 각 팀은 자신들의 속도에 맞춰 새로운 색상 테마나 시각적 접근 방식으로 전환할 수 있었고, 덕분에 리스크가 줄어들었고 더 많은 실험을 장려할 수 있게 되었습니다.

또한 타이포그래피의 새로운 방향성을 탐색하는 일도 더 쉬워졌습니다. 고급 글꼴 기능 지원을 통해 Plaid는 글꼴이 실제 구현될 시스템 내에서 새로운 사용자 지정 글꼴을 시험해 보고 여러 옵션을 직접 비교할 수 있었습니다. Figma의 REST API는 디자인에서 코드로 이어지는 업무 흐름 일부를 간소화하여 수동 단계와 변환 오류를 줄였습니다. 이를 통해 디자이너와 엔지니어는 개념에서 구현까지 더 명확한 경로를 갖게 되었습니다.

FigJam은 비디자이너를 위한 첫 관문이 되었으며 모두가 직접 기여하는 방법을 제공했습니다. 이는 브랜드 워크숍을 위한 공간으로 시작하여, 팀들이 캠페인 아이디어를 구상하고 스토리 진행의 개요를 작성하며 전략을 구체화하는 협업 허브로 빠르게 확장되었습니다. 마케팅팀과 영업팀은 하나의 캔버스에서 무드보드, 스크립트, 초기 시각 자료가 통합되는 과정을 볼 수 있었고, 디자이너들과 함께 작업하면서 시각적으로 사고하고 더 자신감 있게 참여할 수 있게 되었습니다.

리브랜딩은 Plaid 팀들의 협업 방식에도 변화를 가져왔습니다. 브랜드, 제품, 리더십 팀은 같은 파일 안에서 종종 실시간으로 협업했습니다. Christophe는 CEO가 어떻게 작업에 직접 뛰어들었는지 설명했습니다. "그는 시간을 내면서 '나도 같이 Figma에 들어갈게요. 함께 해봅시다'라고 말했어요."

단일 정보 소스를 기반으로 작업하여 의사 결정이 더 빠르고 협력적으로 이루어졌습니다. "우리는 리더십 팀을 위해 몇 달에 걸쳐 FigJam과 Figma에서 여러 워크숍을 구성하고 있었습니다"라고 Chris Warner는 말합니다. "전체 리브랜딩 과정을 Figma에서 진행했으며, 디자인 시스템의 Ryan Smith, 디자인 책임자, CEO, 그리고 회사 전반의 다른 크리에이티브 팀들과 긴밀히 협력했습니다."

제품과 디자인 팀이 처음으로 Figma 내에서 공유된 시각적 언어를 공동으로 만들었습니다. 디자이너들이 제품 내에서 정체성이 어떻게 적용되는지 프로토타입을 제작하는 동안, 브랜드 팀은 그것이 다양한 캠페인 전반에서 어떻게 구현되는지 탐색할 수 있었습니다. 모든 반복 작업은 관련된 모든 사람들의 피드백과 함께 컨텍스트 안에서 이루어졌습니다.

공유 소유권을 통해 변화하는 디자인 시스템

동일한 협업 정신은 Plaid의 진화하는 디자인 시스템인 Threads를 움직이는 원동력이 됩니다. 소수의 인원이 관리하는 정적인 라이브러리가 아니라, 신뢰와 공유 소유권을 기반으로 구축된 살아 있는 프레임워크입니다. 소규모 핵심 팀이 기초를 유지하는 동안 회사 전반의 디자이너들은 각자의 담당 영역에 맞게 이를 조정하고 확장합니다. 시스템은 헤드리스 모델로 전환되었으며, 공유된 기본 요소는 일관성을 유지하고 제품 팀은 그것이 시각적으로 어떻게 표현될지 결정합니다.

업데이트를 안전하고 효율적으로 유지하기 위해, Plaid는 변경 사항의 브랜치 생성, 리뷰어 지정, 승인 후에만 병합 등 GitHub의 엔지니어링 적용 방식을 반영했습니다. 더 작고 점진적인 업데이트 방식을 통해 시스템의 안정성을 유지하는 동시에 꾸준하고 유연한 성장이 가능해졌습니다.

Figma의 라이브러리 분석은 시스템이 일상 업무에서 어떻게 작동하는지 팀이 명확하게 파악하는 데 도움이 됩니다. 팀은 어떤 컴포넌트가 가장 자주 나타나고 어떤 컴포넌트가 분리되는지 살펴봅니다. 그러한 사용 패턴을 통해 팀은 디자이너들이 어느 부분에서 더 많은 유연성을 필요로 하는지, 혹은 어떤 부분에 새로운 변형이 유용할지 이해할 수 있습니다.

"분리 패턴을 발견하더라도 이를 오용이라고 가정하지 않고, 대화를 시작합니다"라고 Plaid의 디자인 시스템 디자이너인 Ryan Smith는 말합니다.

Plaid의 공유된 브랜드 및 제품 디자인 시스템은 탄탄한 기반이 있어야 탐색의 여지가 생긴다는 생각 위에 구축되어 있습니다. 디자이너는 창의적인 시도를 하고 아이디어를 테스트하여 그 결과를 시스템 팀에 전달할 수 있으며, 시스템 팀은 유망한 탐색 결과를 새로운 표준으로 전환하는 데 도움을 줍니다. 그 결과, Plaid의 필요에 따라 함께 성장하며 구조, 자유, 그리고 호기심 사이의 균형을 이루는 디자인 언어가 만들어졌습니다.

디자인, 엔지니어링, 마케팅 간의 장벽 허물기

예전에는 Plaid의 디자인과 엔지니어링 팀이 서로 병렬적으로 작업했으며, 팀 간의 명확한 전환을 나타내는 핸드오프가 있었습니다. 디자이너는 사양서를 준비했습니다. 엔지니어는 그것을 해석했습니다. 그 과정 어딘가에서 의도는 누락되고 추진력은 감소했습니다.

Figma는 그 간극을 해소했습니다. 예전에는 고립되어 진행되던 리뷰 작업이 이제는 동일한 파일 내에서 이루어지며, 디자이너와 엔지니어들이 공유 시스템과 공통 언어를 활용해 나란히 협업하고 있습니다.

모두가 같은 공간에서 일하게 되면서 이제 개발자들은 디자이너 작업이 끝난 뒤가 아니라 디자이너들과 나란히 작업하게 되었습니다. Code Connect와 같은 기능을 통해 엔지니어는 파일에서 바로 프로덕션이 준비된 스니펫을 가져올 수 있게 되었고, 디자인에서 코드로 넘어가는 과정이 더 매끄럽고 빨라졌습니다.

그 변화는 제품 개발을 훨씬 넘어서는 것이었습니다. 일부 마케팅 파트너들은 이제 기획안, 무드보드, 캠페인 흐름을 Figma에서 직접 제작합니다. 리뷰는 더 빠르고, 협업적이며 프로세스의 더 이른 단계에 이루어지게 되어, 아이디어 구상부터 실행까지 더욱 긴밀하게 연결된 업무 흐름이 만들어졌습니다.

브랜드 영상이나 컨퍼런스 같은 영향력 큰 작업에서도, 이제 스크립트, 시각 자료, 디자인 에셋이 모두 하나의 공용 공간 안에 존재합니다. 그 결과 Plaid의 창의적인 프로세스는 그들의 제품과 마찬가지로 연결되어 있고, 빠르며, 확장 가능하도록 설계된 방식으로 운영됩니다. 디자이너 점점 더 시스템 빌더처럼 사고하고 있습니다. 엔지니어는 창의적인 파트너가 되었습니다. 팀들은 순차적으로 일하지 않고, 함께 협업합니다.

팀 사이의 장벽이 허물어짐에 따라, 특히 하이브리드 및 원격 근무 팀들 사이에서 디자인 협업이 크게 개선되었습니다. 모두가 창의적인 프로세스의 일부가 되어, 어디서든 함께 일하고 있습니다.

Figma Buzz를 활용한 광고 캠페인 제작 확장

Plaid는 점점 증가하는 캠페인 작업량, 특히 매우 정밀하게 타겟팅된 계정 기반 마케팅(ABM) 지원을 위해 Figma Buzz를 탐구하고 있습니다. 하나의 캠페인에는 6가지 크기에 걸쳐 30~40개의 광고 변형이 필요할 수 있으며, 현재 이러한 대규모 캠페인은 디자인, 리뷰, 전달까지 최대 한 달이 걸릴 수도 있습니다.

팀은 Figma Buzz를 사용하여 검증된 캠페인 패턴을 기반으로 재사용 가능한 템플릿을 제작해 왔으며, 여기에는 레이아웃, 카피, 시각적 일관성을 위한 가드레일이 포함되어 있습니다. 목표는 여러 부서의 파트너들이 처음부터 새로 만들지 않고도 에셋을 스스로 만들고 조정할 수 있는 방법을 제공하는 것입니다.

디자이너가 모든 변형 버전을 제작하는데 의존하는 대신, 마케팅 팀이 스스로 카피를 조정하고, 형식을 교체하며, 새 버전을 생성할 수 있게 될 것입니다. "파트너들이 직접 광고를 만들 수 있도록 지원하면, 우리는 더 이상 병목 현상의 지점이 되지 않습니다. 그들은 훨씬 더 빠르게 움직일 수 있게 될 겁니다" 라고 Plaid의 선임 크리에이티브 리드인 Amy Wong은 말합니다.

이는 팀들이 이미 Figma에서 블로그 헤더와 미리보기 이미지와 같은 반복 가능한 에셋을 제작하고 있는 기존의 셀프 서비스 허브를 기반으로 합니다. Figma Buzz는 이 업무 흐름에 더 많은 구조를 도입하여 여러 팀에 걸쳐 더 쉽게 확장하고 활용할 수 있게 지원합니다.

Plaid는 시간이 지나면서 이러한 접근 방식을 광고 템플릿을 넘어 이벤트 자료나 캠페인 시각 자료 같은 다른 반복 에셋으로 확장하여, 품질이나 일관성을 해치지 않으면서 더 많은 팀이 창의적인 프로세스에 참여할 수 있기를 바라고 있습니다.

목적을 통한 발전 추진

Plaid는 제품 경험부터 컨퍼런스와 이벤트, 심지어 뉴욕 사무실의 리모델링에 이르기까지 모든 접점에서 새롭게 단장한 아이덴티티를 계속 확장해 나가고 있습니다. 팀은 이미 창의적 프로세스에 AI를 도입하여 복잡한 기요셰(Guilloche) 패턴을 생성하고, 무드보드를 구축하며, 새로운 예술 형식을 확장하고, 초기 캠페인 개념을 대규모로 구체화하는 데 사용하고 있습니다. 이러한 실험으로 팀이 더 빠르게 움직이고, 수작업으로는 제작하기 어려운 아이디어들을 탐색할 수 있게 됩니다.