Figma의 디자인 시스템 컨퍼 (새 탭에서 열림)
Reflections on Config, our first user conference Inside Figma Config Events News
Figma와 FigJam에서 대 (새 탭에서 열림)
피그마(Figma)는 제품 개발의 초기 단계인 아이디어 구상과 브레인스토밍을 지원하기 위해 온라인 화이트보드 도구인 '피그잼(FigJam)'을 출시했습니다. 피그잼은 기존 피그마 디자인 환경과 긴밀하게 통합되어, 팀이 혼란스러운 아이디어 도출 단계부터 정교한 디자인 작업까지 끊김 없이 이동할 수 있도록 돕습니다. 이를 통해 디자이너뿐만 아니라 기획자, 개발자 등 모든 이해관계자가 한데 모여 자유롭게 소통할 수 있는 협업의 중심지를 제공하는 것이 핵심입니다. ### 아이디어 발산을 위한 자유로운 캔버스 * 정교한 픽셀 단위의 작업보다는 빠른 생각의 흐름을 시각화하는 데 최적화되어 있습니다. * 스티키 노트(Sticky notes), 도형, 커넥터 등을 활용하여 복잡한 플로우차트나 마인드맵을 직관적으로 작성할 수 있습니다. * 펜 도구를 통한 자유로운 드로잉을 지원하여 화이트보드에 직접 그리는 듯한 가벼운 아이디어 스케치가 가능합니다. ### 실시간 협업과 상호작용 극대화 * 실시간 커서 채팅과 이모지 반응 기능을 통해 화상 회의 없이도 팀원 간 즉각적인 피드백과 감정 공유가 가능합니다. * 스탬프와 찬성(Voting) 기능을 활용하여 수많은 아이디어 중 팀의 우선순위를 빠르게 결정할 수 있습니다. * 위젯과 플러그인 생태계를 지원하여 타이머 설정이나 투표 시스템 등 회의 효율을 높이는 도구들을 유연하게 추가할 수 있습니다. ### 피그마 디자인 환경과의 완벽한 시너지 * 피그잼에서 작성한 요소를 피그마 디자인 파일로 복사하여 붙여넣을 때, 벡터 데이터와 레이어 구조가 그대로 유지되어 즉시 고도화 작업을 시작할 수 있습니다. * 피그마의 컴포넌트 라이브러리를 피그잼 캔버스로 불러와 사용할 수 있어, 일관된 디자인 시스템 기반 위에서 서비스 흐름을 기획할 수 있습니다. * 기존 피그마 프로젝트와 동일한 권한 관리 체계를 공유하므로, 별도의 툴 도입에 따른 보안이나 계정 관리의 번거로움을 최소화했습니다. 피그잼은 단순한 드로잉 도구를 넘어 제품 개발의 모든 과정을 하나로 묶어주는 협업 허브의 역할을 수행합니다. 기획 초기 단계에서 발생하는 파편화된 소통을 줄이고, 아이디어를 실제 제품 디자인으로 빠르게 전환하고 싶은 팀에게 피그잼은 매우 실용적인 선택지가 될 것입니다.
학생 및 교육자를 위한 (새 탭에서 열림)
뉴욕 패션 기술 대학교(FIT)의 교수들은 피그마(Figma)를 단순한 디자인 도구를 넘어, 실시간 협업과 실무 중심 교육을 위한 역동적인 가상 강의실로 활용합니다. 정적인 슬라이드 중심의 강의에서 벗어나 모두가 동시에 참여하는 무한한 캔버스 환경을 구축함으로써, 학생들은 서로의 작업 과정을 공유하고 즉각적인 피드백을 주고받는 법을 익힙니다. 이러한 접근법은 교육과 실무 사이의 간극을 좁히고, 현대 디자인 산업에서 필수적인 '협업적 사고방식'을 자연스럽게 체득하게 합니다. **정적 강의에서 동적 캔버스로의 전환** - 파워포인트와 같은 일방향적 발표 도구 대신 피그마의 무한 캔버스를 활용하여 강의 전체의 맥락을 시각화합니다. - 학생들은 교수자의 커서(Cursor)를 따라가며 실시간으로 시연 과정을 관찰하고, 필요할 때 즉시 캔버스 위에서 질문을 던질 수 있습니다. - 강의 자료와 학생의 작업 공간이 한 파일 안에 공존하므로, 이론 학습과 실습이 단절 없이 유기적으로 연결됩니다. **'어깨너머 배우기'의 디지털 구현** - 커서 채팅(Cursor Chat)과 댓글 기능을 통해 물리적 제약을 넘어선 즉각적인 소통 환경을 조성합니다. - 동료 학생들의 작업 과정을 실시간으로 지켜보며 영감을 얻고, 서로의 결과물에 대해 건설적인 비판과 제안을 나누는 '커뮤니티 중심 학습'이 활성화됩니다. - 교수자는 학생 개개인의 작업 영역을 돌아다니며 실시간으로 피드백을 제공함으로써, 오프라인 실기 수업 특유의 밀착 지도를 디지털 환경에서 재현합니다. **산업 현장과의 연계성 및 실무 역량 강화** - 피그마라는 업계 표준 도구를 강의실에 도입하여 학생들이 졸업 후 실무에 즉시 투입될 수 있는 기술적 숙련도를 갖추게 합니다. - 버전 관리, 공유 라이브러리 활용 등 실제 현업 디자인 팀이 협업하는 워크플로우를 그대로 경험하며 전문적인 협업 매너를 익힙니다. - 최종 결과물뿐만 아니라 작업이 기록된 캔버스 전체를 검토함으로써 학생의 사고 과정과 문제 해결 능력을 다각도로 평가할 수 있습니다. 효과적인 가상 강의실 구축을 위해 교수자는 초기 단계부터 구조화된 템플릿을 제공하여 학생들이 무한한 캔버스 안에서 길을 잃지 않도록 가이드해야 합니다. 또한, 완벽한 결과물보다는 '진행 중인 작업(Work in Progress)'을 투명하게 공유하는 문화를 장려하여 실패에 대한 두려움을 없애고 집단 지성을 통한 성장을 유도하는 것이 중요합니다.
디자인 씽킹 워 (새 탭에서 열림)
뉴욕 패션 기술 대학교(FIT)의 교수진은 피그마(Figma)를 단순한 디자인 도구를 넘어 실시간 상호작용이 가능한 가상 강의실로 정의하며, 이를 활용한 효과적인 협업 교육 원칙을 제시합니다. 학생들은 서로의 작업 과정을 투명하게 공유함으로써 고립된 학습에서 벗어나 집단 지성을 경험하며, 교수자는 실시간으로 학생들의 진행 상황을 파악해 적시에 개입할 수 있는 환경을 구축할 수 있습니다. 결과적으로 피그마는 물리적 거리와 상관없이 디자인적 사고와 협업 능력을 동시에 배양하는 강력한 교육 플랫폼 역할을 수행합니다. ### 가상 강의실로서의 피그마 환경 구축 * **물리적 교실의 디지털 확장**: 피그마를 단순한 과제 제출함이 아닌, 아이디어 구상부터 최종 결과물까지 모든 과정이 발생하는 생생한 학습 공간으로 활용합니다. * **실시간 존재감 확인**: 캔버스 위에 움직이는 동료들의 커서와 프로필을 통해 온라인 환경에서도 동료들과 함께 학습하고 있다는 유대감을 형성합니다. * **캔버스의 무한성 활용**: 화이트보드와 같은 자유로운 레이아웃을 제공하여 학생들이 형식에 얽매이지 않고 창의적인 시도를 할 수 있도록 유도합니다. ### 시각적 투명성을 통한 상호 학습 극대화 * **벽이 없는 교실(Wall-less Classroom)**: 동료 학생의 작업 과정을 실시간으로 관찰하며, 서로의 문제 해결 방식에서 영감을 얻고 자연스럽게 기술적 노하우를 습득합니다. * **피드백 루프의 가속화**: 작업이 완료된 후가 아니라 진행 중에 교수자와 동료가 '코멘트(Comment)' 기능을 통해 즉각적인 피드백을 주고받으며 품질을 높입니다. * **진행 상황의 가시화**: 교수자는 캔버스를 조망(Zoom out)하는 것만으로 학급 전체의 진척도를 한눈에 파악하고, 도움이 필요한 학생을 빠르게 식별하여 지원할 수 있습니다. ### 체계적인 수업 관리를 위한 구조화 전략 * **페이지(Pages)와 섹션(Sections)의 활용**: 주차별 수업 내용, 실습 공간, 참고 자료 등을 페이지별로 구조화하여 학생들이 미로에 빠지지 않도록 명확한 내비게이션을 제공합니다. * **템플릿화된 워크플로우**: 강의용 템플릿을 미리 제작하여 배포함으로써 학생들이 도구 세팅에 들이는 시간을 줄이고 핵심 학습 내용에 집중할 수 있게 합니다. * **아카이빙과 포트폴리오**: 학기 동안 축적된 모든 작업 로그가 피그마에 남기 때문에, 학생들은 자신의 성장 과정을 복기하고 이를 자연스럽게 포트폴리오로 연결할 수 있습니다. ### 협업 문화 조성을 위한 실용적 제언 성공적인 피그마 강의실 운영을 위해서는 기술적인 도구 사용법 교육보다 '공유의 가치'를 강조하는 문화 형성이 선행되어야 합니다. 학생들이 자신의 미완성 작업을 공유하는 것에 거부감을 느끼지 않도록 심리적 안전감을 제공하고, 적극적인 코멘트 활동을 격려하여 소통 중심의 디자인 프로세스를 경험하게 하는 것이 중요합니다. 이는 학생들이 실무 현장에서 요구되는 협업 역량을 자연스럽게 내재화하는 데 결정적인 역할을 할 것입니다.
Figma의 새로운 소 (새 탭에서 열림)
피그마(Figma)는 디자인 도구를 넘어 협업의 중심지로 거듭나기 위해 자사의 오픈 플랫폼 역량을 피그잼(FigJam)으로 확장합니다. 이를 통해 사용자는 기존의 플러그인뿐만 아니라 실시간 상호작용이 가능한 '위젯(Widgets)'을 활용하여 팀에 최적화된 워크플로우를 직접 구축할 수 있게 되었습니다. 단순히 화이트보드 툴에 머무는 것이 아니라, 개발자 생태계를 통해 끊임없이 진화하는 협업 플랫폼을 지향하는 것이 이번 업데이트의 핵심입니다. **플러그인과 위젯의 결합을 통한 확장성 확보** - 기존 피그마에서 사용하던 플러그인 생태계를 피그잼으로 가져와 반복적인 작업을 자동화하고 작업 효율성을 높였습니다. - '위젯'이라는 새로운 형태의 커스텀 오브젝트를 도입하여, 캔버스 위에서 여러 사용자가 동시에 데이터를 수정하고 상호작용할 수 있는 환경을 제공합니다. - 플러그인은 개인의 생산성 향상과 문서 편집에 초점을 맞춘 반면, 위젯은 '멀티플레이어' 경험에 최적화되어 투표, 게임, 외부 데이터(Jira, Asana 등) 연동과 같은 기능을 수행하며 캔버스에 영구적으로 유지됩니다. **위젯 개발을 위한 기술적 아키텍처** - 위젯은 React와 유사한 선언적 UI 구조를 채택하여 개발자가 복잡한 상태 관리나 렌더링 로직을 직접 처리하지 않고도 표준화된 구성 요소를 통해 쉽게 제작할 수 있도록 설계되었습니다. - 보안과 성능을 위해 WASM(WebAssembly) 기반의 QuickJS 샌드박스에서 실행되며, 이는 피그마의 견고한 플러그인 인프라를 그대로 계승하여 안정성을 보장합니다. - `figma.widget` API를 통해 위젯의 UI 구성 요소와 데이터 상태를 정의하며, 이를 통해 캔버스 내의 다른 요소들과 유기적으로 상호작용할 수 있는 확장성을 제공합니다. **커뮤니티 중심의 도구 생태계 구축** - 피그마 커뮤니티를 통해 누구나 자신이 만든 위젯과 플러그인을 공유할 수 있어, 전 세계 팀들이 다른 이들이 만든 검증된 도구를 즉시 도입하여 사용할 수 있습니다. - 조직 내부의 특수한 요구사항에 맞춰 사내 전용 도구를 개발할 수 있는 유연성을 제공함으로써, 기업별 맞춤형 협업 환경 구축을 지원합니다. 이제 개발자들은 피그잼을 단순한 화이트보드가 아닌 하나의 강력한 플랫폼으로 활용하여 팀의 문제를 창의적으로 해결할 수 있습니다. 이미 구축된 방대한 피그마 API를 기반으로 새로운 협업 방식을 실험해 보고, 위젯을 통해 팀원 간의 소통을 더욱 동적이고 효율적으로 만들어 보길 권장합니다.
협업 중심의 교실을 조성 (새 탭에서 열림)
Design the Future(DTF)는 100명의 고등학생이 장애인을 위한 솔루션을 개발하는 디자인 씽킹 워크숍을 진행하며, 기존의 오프라인 방식을 탈피해 FigJam을 활용한 디지털 협업 환경을 구축했습니다. 이들은 물리적 제약을 넘어선 실시간 상호작용과 체계적인 템플릿 활용을 통해 참가자들이 복잡한 문제 해결 과정에 더욱 몰입할 수 있도록 유도했습니다. 결과적으로 디지털 도구는 단순한 도구의 전환을 넘어, 정보의 가시성을 높이고 더 넓은 범위의 포용적 디자인을 가능케 하는 핵심 엔진 역할을 수행했습니다. **디지털 전환을 통한 대규모 워크숍의 확장성 확보** * 과거 오프라인에서 포스트잇과 화이트보드로 진행하던 방식에서 벗어나, FigJam을 도입함으로써 수백 명의 참가자가 시공간의 제약 없이 동시에 접속할 수 있는 환경을 마련했습니다. * 100명의 학생이 실시간으로 커서를 움직이며 아이디어를 공유하는 과정은 시각적 활기를 더해주었으며, 이는 대규모 그룹 내에서도 각 개인의 참여를 촉진하는 장치가 되었습니다. * 물리적인 장소 섭외나 교구 준비의 번거로움을 줄이는 동시에, 모든 작업 결과물이 실시간으로 저장되어 데이터 유실 없이 워크숍 이후에도 지속적인 피드백이 가능해졌습니다. **장애 당사자와의 공감을 위한 포용적 인터페이스** * 이번 프로젝트의 핵심은 '파트너'라고 불리는 장애 당사자들과 학생들의 직접적인 소통이었으며, FigJam은 신체적 제약이 있는 파트너들도 아이디어를 제안하고 검토할 수 있는 접근성을 제공했습니다. * 위젯과 스탬프 기능을 활용해 텍스트 입력이 어려운 상황에서도 감정을 표현하거나 의견을 투표할 수 있어, 기술이 장벽이 아닌 연결의 매개체가 되도록 설계했습니다. * 학생들은 파트너의 인터뷰 내용을 보드에 직접 기록하고 시각화하며, 단순히 관찰하는 수준을 넘어 당사자의 고충에 깊이 공감하는 '엠퍼시 맵(Empathy Map)'을 정교하게 구축할 수 있었습니다. **위젯과 템플릿을 활용한 디자인 프로세스의 구조화** * 디자인 씽킹의 단계(정의, 아이디어 도출, 프로토타이핑, 테스트)를 FigJam 보드 내에 구역별로 구조화하여 학생들이 복잡한 공학적 설계 과정에서 길을 잃지 않도록 가이드를 제공했습니다. * 타이머 기능을 사용하여 논의 시간을 엄격하게 관리함으로써 몰입도를 높였고, 투표 위젯을 통해 민주적이고 신속한 의사결정을 지원했습니다. * 특히 복잡한 아이디어를 시각화하는 과정에서 플로우차트와 다이어그램 기능을 적극 활용해, 추상적인 해결책을 구체적인 프로토타입 설계도로 변환하는 속도를 높였습니다. 성공적인 디자인 씽킹 워크숍을 위해서는 단순한 아이디어 나열을 넘어, 참가자들이 데이터 사이의 연결고리를 찾을 수 있는 시각적 구조를 설계하는 것이 중요합니다. FigJam과 같은 협업 도구를 도입할 때, 기술적 기능 사용법을 가르치기보다 워크숍의 목적에 맞는 맞춤형 템플릿을 미리 구축해 두는 것이 참여자들의 창의성을 극대화하는 가장 효과적인 방법입니다.
FigJam에 도입된 오픈 플랫폼의 (새 탭에서 열림)
피그마(Figma)는 디자인 프로세스의 초기 단계인 아이디어 구상과 브레인스토밍을 지원하기 위해 온라인 화이트보드 도구인 '피그잼(FigJam)'을 출시했습니다. 피그잼은 팀원들이 격식 없이 자유롭게 의견을 나누고, 이를 바탕으로 구조화된 계획을 세울 수 있는 협업 공간을 제공합니다. 결과적으로 제품 개발의 전 과정을 피그마 생태계 내에서 원활하게 연결하여 팀의 협업 효율성을 극대화하는 것을 목표로 합니다. **아이디어 시각화를 위한 직관적인 도구 세트** - 포스트잇(Sticky notes), 마커, 도형 등 단순하고 직관적인 도구를 제공하여 누구나 학습 곡선 없이 아이디어를 빠르게 기록할 수 있습니다. - 화살표와 커넥터를 활용해 복잡한 사용자 흐름(User flow)이나 시스템 아키텍처, 프로세스 맵을 손쉽게 시각화할 수 있습니다. - 사전에 정의된 템플릿을 활용하여 회고(Retrospectives), 스탠드업 미팅, 다이어그램 작성 등의 작업을 즉시 시작할 수 있습니다. **팀워크를 강화하는 실시간 상호작용 및 피드백** - 스탬프와 이모지 기능을 도입하여 동료의 제안에 대해 텍스트 기반 피드백보다 더 빠르고 감정적인 교감을 나눌 수 있는 방식을 제공합니다. - '커서 채팅(Cursor chat)' 기능을 통해 별도의 채팅창을 열지 않고도 캔버스 위에서 실시간으로 동료와 소통하며 협업의 몰입도를 높였습니다. - 위젯과 플러그인을 통해 투표 시스템이나 타이머 기능을 추가하여 미팅과 워크숍 운영의 편의성을 더했습니다. **피그마 디자인(Figma Design)과의 강력한 생태계 연동** - 피그잼에서 브레인스토밍한 결과물을 피그마로 복사하여 고충실도(High-fidelity) 디자인 작업으로 즉시 전환할 수 있는 매끄러운 워크플로우를 보장합니다. - 디자인 시스템에 등록된 피그마의 라이브러리 컴포넌트를 피그잼으로 가져와 기획 단계에서 실제 디자인 자산을 활용한 프로토타이핑이 가능합니다. - 동일한 프로젝트 공간 내에서 기획서(FigJam)와 디자인 결과물(Figma)을 관리할 수 있어 팀 내 정보 파편화 문제를 해결합니다. 아이디어 스케치부터 최종 디자인 구현까지의 워크플로우를 단일 플랫폼으로 통합하고 싶은 팀에게 피그잼은 필수적인 도구입니다. 복잡한 디자인 작업에 들어가기 전, 팀 전체의 합의를 이끌어내고 창의적인 발상을 공유해야 하는 초기 기획 단계에서 피그잼을 적극적으로 활용해 보시길 권장합니다.
피그마 인사이드: 더 협 (새 탭에서 열림)
피그마는 온라인 화이트보드 도구인 FigJam을 정식 출시하기 전부터 내부 팀의 사용자 리서치와 프로젝트 기획 등에 적극적으로 활용하며 그 효용성을 검증해 왔습니다. 피그마의 프로덕트 매니저(PM) Emily Lin은 FigJam이 브레인스토밍부터 회고에 이르기까지 PM 업무 전반을 관통하는 핵심 협업 공간임을 강조합니다. 이들은 시각적 템플릿을 활용해 복잡한 아이디어를 구조화하고 팀원 간의 유기적인 소통을 이끌어내며 제품 개발의 속도와 질을 높이고 있습니다. **PM 워크플로우의 시각적 통합** * 제품 개발의 초기 단계인 아이디어 발산부터 프로젝트 완료 후의 회고(Retrospective)까지 모든 과정을 FigJam이라는 하나의 캔버스에서 관리합니다. * 텍스트 중심의 문서에서 벗어나 포스트잇, 스티커, 커넥터 등의 시각적 요소를 활용함으로써 복잡한 논의 과정을 한눈에 파악할 수 있도록 돕습니다. * '메이커 위크(Maker Week)'와 같은 사내 혁신 프로젝트나 사용자 리서치 데이터를 정리할 때 유연한 화이트보드 환경을 활용해 팀의 창의성을 극대화합니다. **템플릿 기반의 효율적인 협업 체계** * PM 팀은 반복되는 업무 패턴을 템플릿화하여 새로운 프로젝트에 즉시 적용할 수 있는 표준화된 워크플로우를 구축했습니다. * 브레인스토밍 세션에서는 구조화된 템플릿을 통해 모든 참여자가 동등하게 의견을 낼 수 있는 환경을 조성하며, 이는 팀의 의사결정 속도를 앞당기는 결과로 이어집니다. * 회고 단계에서는 잘된 점과 개선할 점을 시각적으로 분류하여 다음 스프린트를 위한 구체적인 액션 아이템을 도출하는 데 집중합니다. 피그마 PM 팀의 사례는 FigJam이 단순한 그리기 도구를 넘어 제품의 방향성을 설정하고 팀의 응집력을 높이는 전략적 허브임을 보여줍니다. 복잡한 기획 단계에서 발생하는 소통의 비용을 줄이고 싶다면, 피그마 PM들이 직접 사용하는 브레인스토밍 및 회고 템플릿을 실제 업무 프로세스에 도입해 보는 것을 추천합니다.
Figma 인사이드: (새 탭에서 열림)
피그마(Figma)에서의 원격 인턴십은 협업 도구를 만드는 팀이 스스로 그 도구를 어떻게 활용하여 물리적 거리를 극복하는지를 보여주는 사례입니다. 작성자는 제품 중심의 기업 문화와 체계적인 온보딩 시스템이 원격 환경에서도 인턴의 성장을 극대화하고 실질적인 제품 기여로 이어질 수 있음을 강조합니다. 결과적으로 성공적인 원격 근무는 단순한 기술적 지원을 넘어, 구성원 간의 신뢰와 능동적인 소통 문화가 뒷받침될 때 가능하다는 결론을 제시합니다. ### 도구 제작자가 도구를 사용하는 방식 (Dogfooding) * 피그마 팀은 자신들이 개발하는 제품을 업무 프로세스에 깊숙이 통합하여 사용하는 '개밥 주기(Dogfooding)'를 실천하며 제품의 결함을 실시간으로 파악합니다. * FigJam과 같은 화이트보드 도구를 활용해 아이디어를 시각화하고 비동기적으로 공유함으로써, 원격 환경에서 발생하기 쉬운 소통의 단절을 방지합니다. * 모든 디자인과 사양서가 피그마 파일 내에 존재하므로, 누구나 최신 상태의 작업물에 접근하여 피드백을 남길 수 있는 투명성을 확보하고 있습니다. ### 실질적인 제품 기여와 책임 중심의 업무 * 인턴에게 단순 보조 업무가 아닌, 실제 사용자에게 배포되는 핵심 기능의 UI/UX 설계 및 구현 프로세스 전반을 맡깁니다. * 제품 관리(PM)와 디자인, 엔지니어링 간의 경계를 허무는 협업 과정을 통해 기능의 우선순위를 정하고 기술적 제약 사항을 조율하는 법을 익힙니다. * 실제 유저 피드백을 바탕으로 기능을 반복 개선(Iteration)하는 과정을 경험하며, 단순한 코드 작성을 넘어 제품 전체의 사용자 경험을 고려하는 관점을 갖게 합니다. ### 원격 환경에서의 멘토링과 문서화 문화 * 물리적 접촉이 없는 한계를 극복하기 위해 1:1 미팅과 커피챗을 정례화하여 정서적 유대감과 심리적 안정감을 구축합니다. * 구두 설명보다 문서화(Writing culture)를 지향하는 문화를 통해 의사결정의 맥락을 기록하며, 이는 인턴이 조직의 비즈니스 논리와 기술적 배경을 빠르게 학습하는 자산이 됩니다. * 사내의 다양한 슬랙 채널과 위키를 통해 지식이 공유되므로, 장소에 구애받지 않고 필요한 정보를 스스로 찾아 학습할 수 있는 환경이 조성되어 있습니다. 성공적인 원격 협업을 위해서는 도구의 성능 못지않게 '정보의 투명성'과 '능동적인 피드백'이 중요합니다. 원격 근무 환경을 구축하려는 팀이라면 구성원이 언제든 맥락에 접근할 수 있도록 문서화 시스템을 정비하고, 실무 중심의 과업 부여를 통해 소속감을 고취하는 피그마의 접근 방식을 참고할 수 있습니다.
피그마 내부 이야기: 내부 웹 (새 탭에서 열림)
피그마는 웹 기반 디자인 도구로서 실시간 협업의 복잡성을 해결하기 위해 단일 모놀리스에서 정교한 분산 시스템으로 인프라를 확장해 왔습니다. 이들은 클라이언트측의 WebAssembly 성능과 백엔드의 안정적인 데이터 동기화 메커니즘을 결합하여, 전 세계 수백만 사용자가 동시에 지연 없이 작업할 수 있는 환경을 구축했습니다. 결과적으로 피그마의 기술적 성공은 화려한 기술의 도입보다는 실제 서비스 성장에 맞춘 실용적인 아키텍처 진화와 지속적인 최적화에 뿌리를 두고 있습니다. ### 실시간 협업을 위한 Multiplayer 서버 아키텍처 * 피그마의 핵심은 'Multiplayer'라고 불리는 상태 유지형(Stateful) 서버 시스템입니다. * 사용자가 파일을 열면 특정 서버 프로세스에 할당되며, 클라이언트는 WebSocket을 통해 이 서버와 실시간으로 통신합니다. * 서버는 문서의 현재 상태를 메모리에 유지하면서 여러 사용자의 편집 요청을 순서대로 처리하고, 변경 사항을 즉각적으로 모든 참여자에게 전파하여 충돌을 방지합니다. ### 데이터베이스 확장과 Vitess 도입 * 초기에는 단일 PostgreSQL 인스턴스로 시작했으나, 데이터 사용량이 폭증함에 따라 데이터베이스 확장성 한계에 직면했습니다. * 이를 해결하기 위해 데이터를 논리적으로 나누는 수직 분할(Vertical Partitioning)을 거쳐, 최종적으로는 수평 샤딩(Horizontal Sharding)으로 전환했습니다. * 이 과정에서 YouTube에서 개발한 오픈소스 데이터베이스 클러스터링 시스템인 'Vitess'를 도입하여, 애플리케이션 코드의 수정 없이도 수만 개의 샤드를 효율적으로 관리할 수 있는 구조를 만들었습니다. ### 성능 극대화를 위한 WebAssembly와 C++ 엔진 * 피그마의 그래픽 렌더링 엔진은 성능 극대화를 위해 C++로 작성되었으며, 이를 WebAssembly(Wasm)로 컴파일하여 브라우저에서 실행합니다. * 이는 일반적인 JavaScript 환경보다 훨씬 빠른 연산 속도를 제공하며, 대규모 디자인 파일에서도 데스크톱 앱 수준의 부드러운 사용자 경험을 보장합니다. * 클라이언트와 서버가 동일한 동기화 로직을 공유할 수 있도록 설계하여, 복잡한 협업 시나리오에서도 데이터의 정합성을 유지합니다. ### 시스템 신뢰성을 보장하는 시뮬레이션 테스트 * 동시성 문제가 발생하기 쉬운 실시간 환경의 특성을 고려하여, '결정론적 시뮬레이션(Deterministic Simulation)' 테스트를 수행합니다. * 수천 명의 가상 사용자가 무작위로 편집을 수행하거나 네트워크 지연이 발생하는 극한의 상황을 재현하여 시스템의 안정성을 검증합니다. * 이러한 철저한 테스트 자동화 덕분에 복잡한 인프라 변경이나 기능 업데이트 시에도 사용자 데이터 손실 없이 안정적인 서비스를 유지할 수 있습니다. ### 점진적 진화와 관찰 가능성(Observability) * 피그마는 초기부터 완벽한 시스템을 설계하기보다 서비스 규모에 맞춰 인프라를 단계적으로 개선하는 전략을 취했습니다. * 모든 시스템 구성 요소에 상세한 로깅과 대시보드를 구축하여, 장애가 발생하기 전 징후를 파악하고 신속하게 대응할 수 있는 환경을 조성했습니다. * 인프라 부서는 단순히 서버를 운영하는 것을 넘어, 제품 엔지니어가 확장성 고민 없이 기능을 개발할 수 있도록 추상화된 플랫폼을 제공하는 데 집중합니다. 피그마의 사례는 서비스 초기부터 오버엔지니어링을 하기보다, 병목 지점을 정확히 파악하고 적시에 Vitess나 WebAssembly 같은 핵심 기술을 도입하는 것이 얼마나 중요한지 보여줍니다. 실시간 협업 서비스를 설계한다면 상태 유지형 서버의 안정성과 데이터베이스 샤딩 전략을 최우선으로 고려할 것을 추천합니다.
Figma 제품 부사장과의 (새 탭에서 열림)
피그마(Figma)의 제품 관리(PM) 팀이 화이트보드 협업 툴인 피그잼(FigJam)을 기획 단계부터 실제 제품 개발 과정에 어떻게 활용하고 있는지 상세히 소개합니다. 사용자 리서치부터 브레인스토밍, 프로젝트 회고에 이르기까지 피그잼은 팀 내 협업의 중심축 역할을 하며, 단순한 드로잉 도구를 넘어 효율적인 제품 관리를 위한 필수적인 플랫폼으로 자리 잡았습니다. 피그마 내부 팀의 실전 경험이 녹아든 활용법은 제품 개발 주기 전반에서 창의적인 협업을 이끌어내는 핵심 동력이 됩니다. ### 제품 출시 전부터 검증된 내부 활용 사례 * 피그잼 베타 출시 이전부터 피그마 내부 팀들은 사용자 리서치 및 '메이커 위크(Maker Week)' 프로젝트 등 다양한 업무에 피그잼을 선제적으로 도입했습니다. * 실제 제품을 개발하는 PM들이 직접 사용자로 참여하여 도구의 유용성을 검증했으며, 이 과정에서 발견된 개선 사항들을 제품 기능에 반영했습니다. * 단순한 아이디어 기록을 넘어, 팀원 간의 실시간 상호작용이 어떻게 생산성으로 이어질 수 있는지 내부 테스트를 통해 입증했습니다. ### 제품 관리자를 위한 피그잼의 주요 활용 시나리오 * **브레인스토밍:** 프로젝트 초기 단계에서 팀원들과 실시간으로 아이디어를 시각화하고, 스티커 메모와 커넥터를 활용해 복잡한 논리 구조를 직관적으로 정리합니다. * **사용자 리서치 분석:** 인터뷰 결과나 사용자 피드백을 한곳에 모아 패턴을 발견하고, 인사이트를 도출하는 워크숍 공간으로 활용합니다. * **회고(Retrospectives):** 프로젝트 종료 후 팀의 성과와 개선점을 공유하는 세션에서 템플릿을 활용해 의견을 수렴하고, 향후 실행 방안의 우선순위를 결정합니다. ### 효율적인 협업을 위한 템플릿 기반 워크플로우 * 반복되는 업무 프로세스를 템플릿화하여 팀 전체가 표준화된 방식으로 빠르게 협업을 시작할 수 있는 환경을 구축했습니다. * 스탬프, 이모지, 투표 기능 등 피그잼의 인터랙티브 요소를 활용해 회의 참여도를 높이고, 비동기 협업 상황에서도 명확한 의사결정을 지원합니다. * PM 팀은 실제 사용하는 워크플로우가 담긴 템플릿을 외부에도 공유하여, 다른 팀들이 시행착오 없이 피그잼을 도입할 수 있도록 돕습니다. 피그마 PM 팀의 실제 사례를 담은 템플릿을 활용하면 새로운 프로젝트를 시작할 때 제로 베이스에서 고민할 필요 없이 검증된 협업 방식을 즉시 도입할 수 있습니다. 팀의 목적에 맞는 워크플로우를 피그잼에 구축함으로써 의사결정 속도를 높이고 팀의 창의성을 극대화해 보시기 바랍니다.
30가지 업데이트: Figma의 최 (새 탭에서 열림)
피그마(Figma)는 디자이너가 메인 디자인 파일을 손상시킬 걱정 없이 자유롭게 실험하고 개선할 수 있도록 돕는 '브랜칭(Branching)' 기능을 도입했습니다. 개발자의 버전 관리 방식에서 영감을 얻은 이 기능은 디자인의 '단일 진실 공급원(Single Source of Truth)'을 유지하면서도 여러 시안을 병렬적으로 탐색할 수 있는 환경을 제공합니다. 결과적으로 팀 단위의 협업에서 발생하는 버전 충돌을 방지하고, 검토와 승인 과정을 체계화하여 디자인 품질을 높이는 데 기여합니다. **기존 디자인 버전 관리의 한계 극복** - 디자인 과정에서 '최종', '진짜 최종' 등 파일명이 난립하거나 페이지를 복제하여 관리하던 고질적인 워크플로우 문제를 해결합니다. - 메인 파일이 오염될 것에 대한 두려움 없이 새로운 아이디어를 마음껏 시도해 볼 수 있는 분리된 작업 공간을 제공합니다. - 대규모 팀에서 여러 명의 디자이너가 동시에 동일한 프로젝트를 수정할 때 발생하는 혼선을 원천적으로 차단합니다. **브랜칭 기반의 순환적 워크플로우** - **브랜치 생성:** 메인 파일에서 복사본(Branch)을 만들어 별도의 공간에서 작업을 시작하며, 이는 메인 파일에 즉각적인 영향을 주지 않습니다. - **편집 및 반복:** 브랜치 내에서 자유롭게 컴포넌트를 수정하거나 레이아웃을 변경하며 최적의 시안을 찾아냅니다. - **리뷰 및 승인:** 변경 사항이 완료되면 팀원들에게 브랜치를 공유하여 피드백을 받고, 공식적인 승인 절차를 거칩니다. - **병합(Merge):** 최종 확정된 수정 사항을 메인 파일에 통합하며, 이 과정에서 변경된 이력이 상세하게 기록됩니다. **충돌 해결 및 라이브러리 안정성 확보** - 메인 파일과 브랜치 사이의 변경 사항이 상충할 경우, 피그마는 시각적인 충돌 해결 도구를 통해 어떤 버전을 채택할지 선택할 수 있게 합니다. - 디자인 시스템 라이브러리를 업데이트할 때, 브랜치에서 먼저 변경 사항을 테스트하고 검증한 뒤 전체 팀에 배포함으로써 시스템의 안정성을 유지합니다. - 위젯이나 플러그인 등 확장된 기능들도 브랜치 환경 내에서 안전하게 구동 및 검증이 가능합니다. **전략적 협업을 위한 권장 사항** 대규모 조직이나 디자인 시스템을 운영하는 팀이라면 브랜칭 기능을 통해 작업의 투명성을 확보할 것을 권장합니다. 단순히 파일을 복제하는 방식에서 벗어나 브랜치-리뷰-병합으로 이어지는 구조화된 프로세스를 도입하면, 디자인 의사결정 과정을 데이터로 남길 수 있을 뿐만 아니라 장기적으로 유지보수 비용을 획기적으로 줄일 수 있습니다.
Figma PM 팀이 (새 탭에서 열림)
효율적인 브레인스토밍은 단순히 모여서 의견을 나누는 것에 그치지 않고, 명확한 목표 설정부터 실행 가능한 계획 수립까지 체계적인 단계를 거쳐야 합니다. 이 글은 아이디어의 질을 높이고 협업의 효율성을 극대화하기 위한 5단계 프레임워크를 제시하며, 각 단계가 팀의 창의성을 어떻게 실질적인 결과물로 변환하는지 설명합니다. 결론적으로 잘 설계된 브레인스토밍 프로세스는 집단 지성을 활용하여 단순한 나열이 아닌, 문제 해결을 위한 최적의 경로를 찾아내는 도구가 됩니다. ### 명확한 문제 정의와 사전 준비 성공적인 브레인스토밍의 시작은 해결하려는 문제를 구체화하는 것입니다. 모호한 주제는 산만한 논의로 이어지기 쉽습니다. * **'How Might We' 질문 활용:** "어떻게 하면 ~할 수 있을까?"와 같은 개방형 질문을 통해 논의의 범위를 설정하고 팀원들의 사고를 자극합니다. * **맥락 공유:** 회의 시작 전, 데이터나 사용자 피드백 등 관련 배경 지식을 공유하여 모든 참여자가 동일한 선상에서 논의를 시작할 수 있게 합니다. ### 개별 집중을 통한 아이디어 발산 집단 토론 전, 각자 독립적으로 아이디어를 생성하는 시간을 갖는 것은 '집단 사고(Groupthink)'의 함정을 피하는 데 필수적입니다. * **사전 개인 작업:** 침묵 속에서 각자 포스트잇이나 디지털 보드(FigJam 등)에 아이디어를 적음으로써 타인의 의견에 휘둘리지 않고 창의적인 발상을 끌어냅니다. * **시간 제한(Time-boxing):** 짧은 시간 안에 최대한 많은 아이디어를 내도록 유도하여 자기 검열을 줄이고 직관적인 아이디어를 발굴합니다. ### 아이디어 공유 및 명확화 생성된 아이디어를 팀원들에게 설명하고 서로의 생각을 이해하는 단계입니다. 이 과정은 비판이 아닌 '이해'에 초점을 맞추어야 합니다. * **피칭과 질의응답:** 각 작성자가 자신의 아이디어를 짧게 설명하고, 나머지 팀원들은 모호한 부분을 질문하여 아이디어의 개념을 명확히 합니다. * **비판 금지 원칙:** 초기 공유 단계에서는 아이디어의 실현 가능성을 따지기보다, 그 이면의 의도와 가능성을 발견하는 데 집중합니다. ### 그룹화 및 투표를 통한 우선순위 결정 수많은 아이디어 중 핵심적인 것을 추려내고 구조화하는 과정입니다. * **유사성 맵핑(Affinity Mapping):** 비슷한 성격의 아이디어들을 카테고리별로 그룹화하여 논의의 핵심 테마를 파악합니다. * **투표(Dot Voting):** 제한된 투표권을 활용해 팀원들이 가장 가치 있다고 생각하는 아이디어에 투표함으로써 객관적인 우선순위를 도출합니다. ### 실행 가능한 다음 단계 수립 브레인스토밍이 '말잔치'로 끝나지 않으려면 도출된 결과를 구체적인 작업으로 전환해야 합니다. * **작업 할당:** 선택된 아이디어를 실행할 담당자를 지정하고, 마감 기한을 설정합니다. * **문서화와 공유:** 회의 결과를 요약하여 팀 전체에 공유하고, 필요하다면 다음 단계의 프로토타이핑이나 추가 조사 계획을 바로 수립합니다. --- 효과적인 브레인스토밍을 위해서는 **발산(아이디어 생성)**과 **수렴(아이디어 선택)**의 단계를 엄격히 구분하는 것이 중요합니다. 특히 FigJam과 같은 협업 툴을 활용해 실시간으로 아이디어를 시각화하고 그룹화하면, 논의의 흐름을 놓치지 않고 팀 전체의 합의를 이끌어내는 데 매우 효과적입니다. 이러한 5단계 프로세스를 내재화함으로써 팀은 반복 가능한 혁신의 기반을 마련할 수 있습니다.
인사이드 피그마: (새 탭에서 열림)
Introducing Figma’s New York City hub Inside Figma Behind the scenes News