The Long and Short of

Figma의 뉴스레터 「Find your framework」는 디자인 시스템 구축과 확산에 도움이 되는 Framework 행사 발표와 관련 콘텐츠를 소개한다. 핵심 메시지는 디자인 시스템이 단순한 UI 산출물이 아니라, 조직 전체가 사용해야 가치를 발휘하는 제품이라는 점이다. 이를 위해 기능 개발뿐 아니라 내부 마케팅, 교육, 데이터 기반 adoption 전략이 필요하다.

Framework 행사에서 발표한 기능

• Figma의 가상 디자인 시스템 행사인 Framework에서 제품 개발자와 디자인 시스템 담당자를 위한 기능을 공개했다.
• 주요 발표 내용:
  • Code Connect: 디자인 시스템의 컴포넌트와 실제 코드 구현을 연결해 디자이너와 개발자 간 협업을 지원한다.
  • Typography variables: 글꼴, 크기, 행간 등 타이포그래피 속성을 변수로 관리할 수 있다.
  • Gradient variables: 그라디언트 관련 값을 변수화해 일관된 스타일 관리와 변경을 돕는다.
  • Library Analytics API: 조직 내 라이브러리 사용 현황을 분석해 디자인 시스템 adoption을 높이는 데 활용할 수 있다.
• 행사에서 진행된 라운드테이블과 전문가 Q&A를 통해 디자인 시스템 운영 사례와 실무 관점도 공유했다.

디자인 시스템을 제품처럼 운영하기

• 디자인 시스템을 조직의 필수 도구로 만들려면 단순히 좋은 컴포넌트를 만드는 것만으로는 부족하다.
• 제품처럼 다음 요소를 관리해야 한다.
  • 사용자의 요구와 문제 파악
  • 명확한 가치 제안
  • 지속적인 개선과 업데이트
  • 사용 현황과 피드백 수집
  • 사용자에게 변화와 이점을 알리는 커뮤니케이션
• 디자인 시스템의 성공은 완성도보다 얼마나 많은 팀이 실제 업무에서 사용하는가에 달려 있다.

내부 마케팅과 사용 확산

• 디자인 시스템은 일관성, 효율성, 확장성을 약속하지만, 실제 효과는 조직 전체의 사용이 전제되어야 나타난다.
• 담당자는 “사용하라”고 지시하기보다 각 팀이 얻는 구체적인 이점을 설득해야 한다.
  • 디자인·개발 작업 시간 단축
  • 중복 작업 감소
  • 제품 간 시각적 일관성 향상
  • 변경 사항을 여러 화면과 플랫폼에 빠르게 반영
• 내부 구성원을 대상으로 명확한 adoption 전략을 세우고, 교육·문서화·사례 공유를 통해 지속적인 참여를 유도해야 한다.

디자인 시스템 입문

• 아직 디자인 시스템을 시작하지 않은 팀을 위해 기본 개념과 구축 방법을 소개하는 입문 시리즈를 제공한다.
• 디자인 시스템은 재사용 가능한 컴포넌트, 스타일, 규칙, 가이드라인을 모아 제품 제작 방식을 표준화하는 체계다.
• 이를 활용하면:
  • 반복적인 디자인 결정을 줄일 수 있다.
  • 팀 간 협업 방식이 통일된다.
  • 제품이 성장해도 일관된 경험을 유지하기 쉽다.
  • 디자인과 개발 사이의 구현 차이를 줄일 수 있다.

성장과 확장을 지원한 Carvana 사례

• 온라인 중고차 거래 기업 Carvana는 급격한 고객 수요 증가와 사업 확장에 대응하기 위해 디자인 시스템을 활용했다.
• 디자인 시스템과 변수를 사용해 제품 전반의 디자인 세부 사항을 일관되게 유지했다.
• 특히 변수는 색상이나 기타 디자인 속성을 중앙에서 관리하고 변경할 수 있게 해, 여러 화면과 제품 영역에 일관된 수정 사항을 적용하는 데 도움을 줬다.
• 이는 디자인 시스템이 시각적 통일성뿐 아니라 빠른 성장과 운영 효율성을 뒷받침하는 기반이 될 수 있음을 보여준다.

디자인 시스템을 도입할 때는 컴포넌트 제작에만 집중하기보다, 실제 사용자를 위한 제품으로 정의하는 것이 좋다. 명확한 사용 가치와 교육·홍보 전략을 마련하고, 사용 데이터를 분석하며 지속적으로 개선해야 조직 전체에서 정착시킬 수 있다.