Framework by Figma에 여러분을 초대합니다 (새 탭에서 열림)

Figma는 디자인 시스템을 단순한 스타일 가이드가 아니라 제품 설계와 개발을 지탱하는 기반으로 보고, 이를 주제로 한 글로벌 행사 ‘Framework by Figma’를 2024년 4월 16일 개최한다고 소개했다. 행사는 새로운 기능, 운영 모범 사례, 디자인-코드 연결, 디자이너와 엔지니어 간 협업을 다룬다. 이후 행사에서는 Code Connect, 타이포그래피·그라디언트 변수, Library Analytics API 등이 공개됐다.

디자인 시스템의 확장과 복잡성

• 디자인 시스템은 초기의 단순한 스타일 가이드에서 제품 개발 전반의 기반으로 발전했다.
• 실제 도입과 운영 과정에서는 도구 선택, 자동화, 접근성, 조직 내 채택률 관리 등 다양한 문제가 발생한다.
• Figma는 현재와 미래의 복잡한 요구를 지원하는 기능과 운영 전략을 행사에서 공유하려 했다.
• 시스템을 미리 구조화한 경우뿐 아니라 자유롭게 작업하는 상황도 지원해야 한다는 철학을 강조했다.

Framework 행사에서 다룬 내용

• 새로운 디자인 시스템 기능을 심층적으로 소개한다.
• 디자인 시스템을 효과적으로 구축하고 유지하는 모범 사례를 공유한다.
• Verizon 등 업계 기업의 디자인 시스템 구축 및 운영 경험을 소개한다.
• Figma 제품팀이 향후 개발 방향을 설명한다.
• Bumble, GitHub, Hewlett Packard가 참여하는 디자인-코드 연계 라운드테이블을 진행한다.
• 참가자들의 실무 질문에 답하는 전문가 Q&A를 마련한다.

디자이너와 엔지니어의 연결

• 성공적인 디자인 시스템에는 디자인과 개발 조직의 긴밀한 협업이 필요하다고 설명한다.
• 세션은 디자인 원칙부터 기술적 구현까지 두 직군의 공통 관심사를 다룬다.
• 디자인 시스템을 코드와 더 가깝게 연결하는 새로운 기능도 소개 대상에 포함됐다.
• 이는 디자인 산출물이 실제 제품 코드로 이어지는 과정의 간극을 줄이려는 방향이다.

행사에서 공개된 기능

• Code Connect: 디자인 시스템 구성 요소와 개발자가 사용하는 코드 컴포넌트를 연결한다.
• 타이포그래피 변수와 그라디언트 변수: 디자인 토큰의 표현 범위를 확장하고 일관된 스타일 관리를 돕는다.
• Library Analytics API: 조직 내 라이브러리 사용 현황과 디자인 시스템 채택 정도를 분석할 수 있도록 지원한다.
• 이러한 기능은 디자인 시스템의 구축뿐 아니라 개발 연계와 조직 전체의 활용도 측정까지 지원하는 데 초점을 둔다.

글로벌 디자인 시스템 커뮤니티

• 본 행사는 온라인으로 진행되며 전 세계 디자인 시스템 실무자를 대상으로 했다.
• 아시아 지역 온라인 행사는 4월 18일, 도쿄 행사는 4월 23일에 별도로 진행될 예정이었다.
• 런던 등 여러 도시에서는 현지 밋업도 계획됐다.
• 온라인 스트림을 통해 지역과 관계없이 주요 발표와 세션에 참여할 수 있도록 했다.

Figma가 제시한 방향은 디자인 시스템을 엄격한 규칙만으로 운영하기보다, 구조화된 관리와 자유로운 창작을 함께 지원하는 것이다. 조직에서는 디자인 토큰과 컴포넌트 표준화뿐 아니라 코드 연결, 사용량 분석, 디자이너·엔지니어 간 협업 체계까지 함께 구축하는 것이 실용적이다.