figma·2021년 3월 17일·3분 읽기큐레이션 요약

숫자로 보는 리모트

Figma는 원격 근무를 지원하기 위해 협업 템플릿을 제공했고, 실험 결과 템플릿을 사용한 그룹의 협업률이 5% 증가했다. 템플릿은 디자인뿐 아니라 화이트보딩, 팀 빌딩 등 다양한 업무로 협업을 확장했으며, 새로운 기능과 Figma Community 콘텐츠의 발견도 촉진했다. 원격 환경에서는 적절한 도구와 콘텐츠를 통해 협업을 의도적으로 설계하는 것이 중요하다는 결론이다. ## 원격 근무에 맞춘 협업 방식의 변화 - Figma는 오프라인에서 진행하던 브레인스토밍, 리서치, 팀 빌딩 등의 업무를 온라인으로 전환했다. - Figma를 단순한 디자인 도구가 아니라 원격 업무의 가상 공간으로 활용했다. - 데이터 과학팀은 성장팀에 임베디드되어 실험을 통해 사용자에게 가장 큰 가치를 주는 기능과 경험을 검증했다. - 원격 전환 이후 다음과 같은 협업 변화가 관찰됐다. - 지역과 시간대를 넘어 협업하는 사례 증가 - 디자이너와 다른 직군 간의 협업 강화 - 디자인 프로세스 초기에 더 많은 협업자 참여 ## 원격 협업 템플릿 가설 - Figma는 원격 근무에 특화된 템플릿을 개발·제공하면 협업이 증가할 것이라고 가정했다. - 템플릿이 제공할 수 있는 효과는 다음과 같았다. - 빈 파일에서 시작해야 하는 부담 감소 - 원격 브레인스토밍과 디자인 스프린트 같은 업무의 즉시 실행 - 디자인 외 업무에서도 Figma를 활용하도록 유도 - 성장팀은 사용자가 빈 프리셋이나 원격 업무용 템플릿을 선택해 새 파일을 만들 수 있는 ‘템플릿 피커’를 구축했다. ## 템플릿 피커 실험 결과 - 기존 사용자 일부를 대상으로 대조군과 실험군을 나누어 템플릿 피커의 효과를 측정했다. - 공유 파일에서 편집하거나 댓글을 작성한 사용자 비율을 협업률로 정의했다. - 템플릿 피커를 제공받은 그룹은 협업률이 **5% 증가**했다. - 템플릿은 특정 직군에만 효과가 있지 않았다. - 디자이너 - 제품·기획·개발 등 크로스펑셔널 동료 - 디자인 스프린트, 화이트보딩, 팀 빌딩 활동 사용자 ## 기능 발견과 커뮤니티 활용 증가 - 템플릿 피커는 협업뿐 아니라 Figma 기능 탐색에도 영향을 미쳤다. - 실험군에서: - 프레임 프리셋을 발견한 사용자가 **10% 증가** - 파일 생성 과정에서 Figma Community 파일을 활용한 사용자가 **90% 증가** - 사용자들은 템플릿을 실제로 사용했을 뿐 아니라, 소셜 미디어를 통해 긍정적인 반응을 보이고 더 다양한 용도의 템플릿을 요청했다. - 다른 사용자가 만든 작업물을 공유하고 재사용하는 Figma Community가 원격 환경에서 협업과 학습을 연결하는 역할을 했다. ## 실용적인 시사점 - 원격 협업 도구는 기능만 제공하기보다 업무별 시작점을 제시해야 한다. - 템플릿은 사용자의 초기 진입 장벽을 낮추고, 새로운 기능과 콘텐츠를 자연스럽게 발견하게 만든다. - 조직은 디자인 업무에 한정하지 않고 화이트보딩, 회고, 팀 빌딩 등 다양한 협업 시나리오에 맞는 템플릿을 마련하는 것이 좋다. - 이러한 변화는 추측보다 사용자 그룹을 나눈 실험과 협업률 같은 구체적인 지표로 검증해야 한다.

원문 읽기(새 탭에서 열림)

데이터 사이언스Figmaremote-collaborationfigma-community+2

figma·2020년 4월 16일·3분 읽기큐레이션 요약

Figma + Lambda School

Lambda School은 실시간 온라인 수업에 Figma를 결합해 대면 교실의 상호작용성과 협업성을 재현하고자 했다. Figma를 통해 학생들은 수업 자료를 함께 탐색하고, 작업 과정을 공유하며, 실시간·비동기 피드백을 주고받을 수 있었다. 또한 수업 중 생성된 작업물이 포트폴리오로 축적되어 학습과 취업 준비를 자연스럽게 연결했다. ## 온라인 수업을 위한 협업형 학습 환경 - Lambda School은 선불 학비 없이 9개월 동안 진행되는 온라인 실시간 교육 프로그램이다. - 웹 개발, 모바일 개발, 데이터 과학, UX 디자인 등을 가르치며, 기술 분야 취업에 필요한 실무 역량과 지원을 제공한다. - 핵심 과제는 원격 환경에서도 대면 수업처럼 연결되고, 직접 참여하며, 함께 작업할 수 있는 교실을 만드는 것이었다. - Figma는 브라우저 기반 공동 편집 기능을 통해 이 목표를 지원했다. ## 발표 자료를 함께 탐색하는 인터랙티브 수업 - 강사가 화면을 공유하고 학생들이 수동적으로 슬라이드를 보는 방식과 달리, Figma에서는 발표 자료 자체를 함께 조작할 수 있다. - 학생들은 다음과 같은 방식으로 수업 내용을 능동적으로 탐색한다. - 화면을 확대해 세부적인 곡선이나 디자인 요소 확인 - 캔버스를 스크롤하며 특정 로고나 사례 살펴보기 - 참가자들의 포인터를 통해 강사가 설명하는 위치를 실시간으로 파악 - 발표가 일방적인 전달이 아니라 강사와 학생이 같은 자료를 함께 살펴보는 활동이 된다. ## 작업 과정을 공유하는 디자인 실습 - 학생들은 처음부터 Figma에서 직접 디자인하고, 같은 파일 안에서 결과물을 반복적으로 발전시킨다. - 디자인의 변화 과정이 그대로 남기 때문에 학생들은 다음을 수행할 수 있다. - 다른 학생의 작업 과정을 관찰 - 진행 중인 결과물에 피드백 제공 - 동료의 디자인을 리믹스해 새로운 아이디어 실험 - 이러한 방식은 단순히 완성된 결과만 평가하는 것이 아니라, 디자인이 발전하는 과정 자체를 학습 대상으로 만든다. - 여러 디자이너가 하나의 프로젝트를 함께 완성하는 실제 업무 환경에도 익숙해질 수 있다. ## 실시간 피드백과 비동기 지원 - Figma의 댓글, 브라우저 편집 기능, 실시간 공동 작업을 활용해 학생과 강사가 작업 중인 디자인에 바로 의견을 남길 수 있다. - 학생들은 서로의 디자인에 별표를 남겨 좋은 작업을 투표하거나, 작업 파일을 보며 의견을 교환한다. - 동시에 작업하더라도 각자 파일의 영역에서 독립적으로 디자인할 수 있어, 서로의 작업을 방해하지 않는다. - 즉시 피드백이 필요할 때는 강사나 동료를 불러 같은 파일에서 직접 픽셀을 수정하며 논의할 수 있다. - 반대로 집중이 필요한 경우에는 다른 사람의 작업을 관찰만 하거나, 나중에 댓글을 남기는 비동기 방식도 가능하다. - 이 구조는 참여자 모두가 아이디어를 제공하면서도 학습자의 작업 자율성을 보장한다. ## 학습 결과물을 포트폴리오로 축적 - Lambda School은 수업뿐 아니라 취업까지 지원하며, 학생들이 자신의 역량을 고용주에게 보여줄 포트폴리오를 만들도록 돕는다. - Figma에서는 학생들의 디자인이 생성, 수정, 저장되는 과정이 지속적으로 기록된다. - 따라서 학생들은 오래된 파일을 찾아 정리하지 않아도 학습 과정과 최종 결과물을 포트폴리오에 활용할 수 있다. - 동료들의 작업에도 계속 접근할 수 있어 수업이 끝난 뒤에도 서로의 디자인에서 학습할 수 있다. - 결과적으로 학습 기록, 협업 과정, 최종 산출물이 하나의 작업 공간에 함께 남는다. ## 실용적인 결론 원격 디자인 교육에서는 화상회의만 제공하는 것보다 공동 편집, 실시간 피드백, 비동기 댓글, 작업 이력 보존 기능을 함께 구성하는 것이 효과적이다. 특히 학습자가 결과물뿐 아니라 제작 과정까지 기록할 수 있는 도구를 사용하면 수업 참여와 포트폴리오 준비를 동시에 달성할 수 있다.

원문 읽기(새 탭에서 열림)

데이터 사이언스Figma사용자 경험collaborative-design+3

figma·2019년 12월 18일·3분 읽기큐레이션 요약

디자인 시스템의 가치 측정하기

디자인 시스템은 반복 자산을 재사용하게 해 디자이너가 제작·검색·세부 의사결정에 쓰는 시간을 줄여준다. Figma의 실험에서는 관련성이 높고 최신 상태인 디자인 시스템을 사용할 때 디자이너의 작업 완료 시간이 그렇지 않을 때보다 **34% 빨랐다**. 다만 이는 과제에 직접 적용 가능한 디자인 시스템을 사용한 조건의 결과이므로, 실제 조직에서 얻을 수 있는 최대 시간 절감에 가까운 수치로 해석해야 한다. ## 디자인 시스템의 가치와 정량화 필요성 - 디자인 시스템은 제품 전반에서 반복적으로 사용하는 자산을 위한 **단일 기준점(single source of truth)** 역할을 한다. - Figma 엔터프라이즈 고객의 약 **75%**가 조직 전체에서 디자인 시스템을 활용하고 있다. - 디자인 시스템은 구축보다도 지속적인 유지·관리와 실제 사용 현황 파악이 어렵다. - 사용 데이터를 분석하면 디자인 시스템 팀이 어떤 라이브러리와 컴포넌트를 개선하거나 폐기할지 더 정확히 판단할 수 있다. - Figma는 이러한 분석을 지원하기 위해 라이브러리 사용 추이와 컴포넌트별 사용 현황을 제공하는 Design System Analytics를 공개했다. ## 잘 유지된 디자인 시스템이 시간을 줄이는 이유 디자이너가 디자인 시스템의 자산을 사용하면 다음 작업을 피할 수 있다. - 컴포넌트나 화면 요소를 처음부터 다시 제작하는 작업 - 기존 디자인 파일을 뒤져 이미 존재하는 자산을 찾는 작업 - 글꼴, 배치, 색상 등 세부적인 시각적 결정을 매번 새로 내리는 작업 - 색상 선택이나 스타일 조정 같은 반복적인 미세 의사결정 이렇게 절약된 시간이 누적되면 디자이너는 전략적이고 창의적인 업무에 더 집중할 수 있다. ## 실험 설계: 디자인 시스템 사용 여부 비교 Figma 데이터 과학팀은 동일한 디자이너가 디자인 시스템이 있을 때와 없을 때 어떻게 달라지는지 비교했다. - 금융 계정 통합 앱을 배경으로 두 가지 과제를 설계했다. - 특정 계정의 거래 내역과 추세를 보여주는 화면 제작 - 사용자 프로필에 새 금융 계정을 연결하는 흐름 설계 - 모든 참가자는 두 과제를 모두 수행했지만, 한 과제에서만 최신 디자인 시스템을 사용할 수 있었다. - 다른 과제에서는 디자인 시스템 대신 참고용 과거 디자인 파일이 제공됐다. - 두 과제의 난이도와 완료 시간이 개인별로 비슷하도록 구성해, 각 디자이너가 자신의 통제군 역할을 하게 했다. - 과제 순서에 따른 편향을 줄이기 위해 참가자마다 수행 순서를 번갈아 배정했다. - 참가자에게 자산을 미리 익힐 시간을 충분히 제공했다. - 프롬프트는 사용자가 수행해야 할 목표만 설명하고, 디자이너가 어떤 화면을 만들어야 하는지는 지정하지 않았다. - 품질 기준을 인위적으로 통일하지 않기 위해 참가자가 스스로 적절한 완료 시점을 판단하도록 했으며, 과제별 완료 시간을 측정했다. ## 실험 결과: 작업 시간 34% 단축 - 디자인 시스템에 접근할 수 있었던 참가자는 그렇지 않은 경우보다 목표를 **34% 더 빠르게 완료**했다. - 이 결과는 디자인 시스템의 자산이 과제에 직접 적용 가능하고, 최신 상태이며, 실제 작업과 관련성이 높을 때 얻어진 효과다. - 따라서 현실의 모든 작업에서 항상 34%가 절약된다는 뜻이라기보다, 디자인 시스템이 가장 효과적으로 작동하는 조건에서의 상한선에 가깝다. - Figma는 이 비율을 실제 디자인팀의 인력과 일정에 적용해 시간과 비용 절감 규모로 환산하려 했지만, 제공된 글은 해당 계산 과정 중간에서 끝난다. ## 실용적인 적용 방향 디자인 시스템의 투자 효과를 확인하려면 단순히 라이브러리를 만들어 두는 것보다 최신성·관련성·사용률을 지속적으로 관리해야 한다. 라이브러리 분석을 통해 자주 사용되는 컴포넌트와 거의 쓰이지 않는 자산을 구분하고, 실제 작업에 맞지 않는 요소를 개선하는 것이 시간 절감 효과를 높이는 방법이다.

원문 읽기(새 탭에서 열림)

데이터 사이언스Figma디자인 시스템design-system-analytics+1