디자인 시스템을 뒷받침

Figma는 디자인 시스템의 사용 데이터를 분석하면 팀이 실제로 어떤 라이브러리와 컴포넌트를 사용하는지 파악하고, 이를 바탕으로 시스템을 지속적으로 개선할 수 있다고 주장합니다. Design System Analytics는 라이브러리 사용 추이, 라이브러리 간 채택률, 개별 컴포넌트의 삽입·분리 현황을 제공해 디자인 시스템 운영을 정성적 피드백에서 정량적 개선으로 확장합니다. 다만 목적은 디자이너를 감시하는 것이 아니라 사용 패턴을 이해하고 더 나은 컴포넌트와 라이브러리를 만드는 데 있습니다.

디자인 시스템 사용 데이터를 분석하는 이유

• Figma는 클라우드 기반 브라우저 도구이므로 디자이너들이 디자인 시스템을 어떻게 사용하는지 데이터를 통해 파악할 수 있습니다.
• Design System Analytics를 사용하면 다음 정보를 확인할 수 있습니다.
  • 라이브러리 사용량의 시간별 추이
  • 여러 라이브러리 간 사용량 비교
  • 개별 컴포넌트의 사용, 삽입, 분리 현황
• 분석 결과는 조직 내 누구나 확인할 수 있어 디자이너와 관리자가 필요한 리포트를 직접 살펴볼 수 있습니다.
• Figma는 분석 기능을 설계할 때 디자이너의 모든 행동을 통제하거나 감시하지 않는 방향을 강조했습니다.

사용되지 않거나 개선이 필요한 컴포넌트 찾기

• 라이브러리와 컴포넌트별 사용량을 보면 어떤 요소가 실제 업무에 기여하는지 파악할 수 있습니다.
• Microsoft의 Fluent 디자인 시스템은 다음과 같은 질문에 데이터를 활용합니다.
  • 거의 사용되지 않는 컴포넌트는 무엇인가?
  • 자주 분리(detach)되는 컴포넌트는 무엇인가?
  • 유지보수가 불필요하거나 개선이 필요한 컴포넌트는 무엇인가?
• Google Material Design 팀은 버튼 컴포넌트가 가장 많이 사용되는 동시에 가장 많이 분리되는 현상을 발견했습니다.
• 이를 통해 기존 버튼 컴포넌트가 지나치게 복잡하다는 점을 파악하고, 더 단순한 대체 컴포넌트를 추가하는 개선으로 이어졌습니다.
• 즉, 높은 사용량만 보는 것이 아니라 높은 분리율도 컴포넌트 설계가 실제 요구와 맞지 않는다는 신호로 활용할 수 있습니다.

라이브러리 채택과 마이그레이션 추적

• 두 라이브러리의 사용량을 시간에 따라 비교해 새 라이브러리로의 전환이 제대로 진행되는지 확인할 수 있습니다.
• Squarespace는 기존 공유 라이브러리를 Auto Layout 기반의 새 라이브러리로 교체하는 과정에서 이 기능을 활용하려 했습니다.
• 분석 화면에서는 다음과 같은 정보를 확인할 수 있습니다.
  • 기간별 컴포넌트 삽입 수
  • 구버전과 신버전 라이브러리의 사용량 비교
  • 새 라이브러리를 적극적으로 사용하는 상위 팀
  • 컴포넌트별 전체 인스턴스 수, 최근 삽입 수, 분리 수
• 이를 통해 새 라이브러리의 채택률을 측정하고, 구버전 라이브러리의 폐기(deprecation)를 관리할 수 있습니다.
• 예시 화면에는 최근 60일간의 삽입 추이와 팀별 사용 비중, 개별 버튼 컴포넌트의 인스턴스·삽입·분리 통계가 표시됩니다.

개별 컴포넌트 사용 방식 파악

• 단순히 라이브러리 전체의 사용량만 보는 것을 넘어 개별 컴포넌트가 실제로 어떻게 활용되는지 조사할 수 있습니다.
• Pluralsight는 공유 컴포넌트가 팀원들의 작업에서 어떻게 사용되는지 파악하는 데 Analytics를 활용하려 했습니다.
• 조직 내 모든 디자이너와 관리자가 분석 결과와 사용 사례를 확인할 수 있으므로:
  • 특정 컴포넌트의 실제 활용 사례를 빠르게 찾을 수 있습니다.
  • 다른 팀의 사용 방식을 참고할 수 있습니다.
  • 디자인 시스템 팀이 개선 우선순위를 정하기 쉬워집니다.

디자인 초기 단계에서 영향 측정

• 기존에는 디자인 시스템 도입 효과를 개발 단계에서 측정하는 경우가 많았습니다.
• Design System Analytics를 이용하면 제품 개발이 개발 단계에 도달하기 전, 디자인 과정에서 시스템이 얼마나 채택되고 있는지도 확인할 수 있습니다.
• 따라서 디자인 시스템 팀은 다음을 더 일찍 파악할 수 있습니다.
  • 제품팀이 공통 컴포넌트를 실제로 사용하고 있는지
  • 새 라이브러리가 설계 작업에 자연스럽게 도입되고 있는지
  • 특정 팀이나 프로젝트가 시스템에서 이탈하고 있는지
• 이는 개발 단계의 준수 여부를 사후 점검하는 방식에서, 디자인 단계부터 채택을 높이는 방식으로 관점을 바꿉니다.

기능의 변화

• 원문은 2019년 발표 내용을 다루지만, 안내문에 따르면 2025년 2월 기준 Figma Library Analytics는 컴포넌트뿐 아니라 스타일과 변수 데이터도 지원합니다.
• Organization 및 Enterprise 고객에게 관련 데이터가 제공되며, Enterprise 고객은 Library Analytics API를 통해 확장된 기능을 사용할 수 있습니다.
• 따라서 현재 기능은 원문에 설명된 초기 버전보다 범위가 넓어졌을 수 있습니다.

실무적으로는 사용량이 낮은 컴포넌트를 무조건 제거하기보다, 삽입 수와 분리율을 함께 분석하는 것이 좋습니다. 또한 라이브러리 마이그레이션 시 팀별 채택률과 구버전 사용량을 지속적으로 추적하면 디자인 시스템 개선과 폐기 계획을 데이터에 근거해 운영할 수 있습니다.