techlist.io
KREN

Figma

532 개의 포스트

figma3분 읽기큐레이션 요약

현지화, 언어

Figma는 전 세계 사용자를 포용하려면 단순한 제품 번역을 넘어, 각 지역의 사용자 요구를 직접 듣고 현지 조직과 지원 체계를 구축해야 한다고 설명합니다. 이를 위해 일본 현지 법인·도쿄 사무소·일본어 현지화를 추진하고, 유럽 거점을 확대하며 RTL(오른쪽에서 왼쪽으로 쓰는 언어) 지원을 추가했습니다. Figma는 새로운 시장에 겸손하게 접근하고 사용자의 피드백을 통해 지속적으로 개선하겠다고 강조합니다. ## 전 세계 사용자에게서 배운 제품 방향 - Figma의 주간 활성 사용자 중 약 80%가 미국 외 지역에 있었음. - 창업 초기부터 세계 각국의 고객을 직접 만나 Figma를 어떻게 사용하는지 관찰함. - 지역마다 디자인 도구에 대한 요구와 사용 방식이 다르다는 점을 확인함. - 이러한 경험을 바탕으로 “모두가 디자인에 접근할 수 있도록 한다(Make design accessible to all)”는 비전을 수립함. - 국제화는 단순히 시장을 넓히는 일이 아니라, 다양한 배경의 사람들이 디자인하고 창작할 기회를 확대하는 과정으로 제시됨. ## 일본 시장 진출과 일본어 현지화 - Figma는 일본 법인을 설립하고 도쿄에 아시아 최초의 거점을 마련함. - 현지 리더 Hiro Kawanobe를 영입하고, 영업·마케팅·커뮤니티·지원 등 여러 직군을 일본에서 채용할 계획을 밝힘. - 고객 인터뷰를 통해 영어 전용 제품으로는 일본에서 충분한 채택을 이끌기 어렵다는 점을 확인함. - 이에 따라 Figma 제품을 일본어로 현지화하기 시작했으며, 2022년 말까지 현지화된 제품 경험을 제공하는 것을 목표로 함. - 현지 조직과 언어 지원을 함께 구축해 일본 고객의 요구를 더 정확히 이해하고 대응하려 함. ## 유럽·중동·아프리카 지역 확장 - 유럽 사용자와 고객의 요구를 현장에서 파악하기 위해 EMEA 지역의 조직을 확대함. - 런던에 EMEA 본사를 개설하고, 파리와 베를린에도 사무실을 열 계획임. - 지역에 Figmate를 직접 배치하면 고객 지원뿐 아니라 시장별 제품 요구와 커뮤니티 특성을 더 잘 이해할 수 있다고 설명함. - 유럽 확장과 함께 커뮤니티에 실질적으로 도움이 되는 언어 지원도 계속 검토할 예정임. ## RTL 언어 지원의 기술적 복잡성 - Figma는 아랍어·히브리어처럼 오른쪽에서 왼쪽으로 쓰는 RTL 언어를 지원하기 시작함. - Figma의 렌더링 스택과 텍스트 렌더링 엔진은 macOS 같은 운영체제 기능에 의존하지 않고 자체 구현되어 있음. - 따라서 RTL 지원을 기존 플랫폼에서 자동으로 얻을 수 없었고, 관련 기능을 상당 부분 처음부터 개발해야 했음. - 영어가 아랍어 문장 안에 포함되는 양방향 텍스트에서는 다음 문제를 처리해야 함: - 텍스트 배치와 방향 결정 - 커서 이동 방식 - 줄바꿈 - 방향이 모호한 문자 처리 - 휴리스틱이 실패하는 예외 상황 - 아랍어 계열 문자는 글자의 위치에 따라 형태가 달라질 수 있음. - 언어 방향의 경계에 있는 문자가 모호할 수 있고, 복잡한 발음 기호와 폰트 구조도 지원 난도를 높임. - Figma 커뮤니티의 RTL 플러그인 개발자들과 협력해 기존 플러그인으로 만든 텍스트와의 호환성을 검증하고, 베타 테스트에서 중요한 버그를 발견함. ## 현지화보다 중요한 경청과 겸손 - Figma는 미국 기업과 미국 문화에 대한 고정관념을 인식하고, 새로운 시장에 겸손한 태도로 진입하겠다고 밝힘. - 번역이나 문화적 맥락을 잘못 이해해 실수할 가능성을 인정함. - 사용자가 문제를 지적하면 방어하기보다 이를 학습 기회로 삼아 제품과 운영 방식을 개선하겠다는 입장임. - “브라우저에서 만나자”는 표현을 사용자와의 초대이자 지속적인 피드백 요청으로 설명함. - 국제적 확장은 완성된 계획을 일방적으로 적용하는 것이 아니라, 지역 사용자와 함께 성장하는 과정으로 제시됨. 각 지역에 진출할 때는 언어 번역만 추진하기보다 현지 고객 인터뷰, 지역 인력 채용, 기술적 사용성 검증을 함께 진행하는 것이 효과적입니다. 특히 RTL처럼 기본 렌더링 엔진과 입력·커서·줄바꿈까지 영향을 받는 기능은 커뮤니티와의 베타 테스트를 조기에 병행하는 것이 좋습니다.

원문 읽기(새 탭에서 열림)
Figmapluginslocalizationrtl+2
figma3분 읽기큐레이션 요약

모션의 예술과 영향력

디지털 제품의 모션은 장식이 아니라 사용자의 이해를 돕고, 상태와 피드백을 전달하며, 물리적 세계와 유사한 정신 모델을 형성하게 하는 중요한 설계 도구다. 좋은 애니메이션은 실용성과 개성을 함께 갖추되 사용자의 시간을 존중하고 방해하지 않아야 한다. 특히 접근성을 해치거나 불필요하게 산만한 모션은 제품 경험과 브랜드 인상을 악화시킬 수 있다. ## 물리적 세계를 디지털 경험으로 번역하는 모션 - 인간은 3차원적이고 움직임이 존재하는 물리적 환경에 적응해 왔기 때문에, 움직임을 통해 많은 의미를 직관적으로 해석한다. - 디지털 인터페이스에 모션을 추가하면 사용자가 별도의 설명 없이도 공간과 기능을 이해하는 데 도움이 된다. - 예를 들어 메뉴가 서랍처럼 열리고 닫히는 애니메이션은 다음과 같은 정신 모델을 전달한다. - 콘텐츠 상자가 열리고 닫힌다. - 다시 열어도 이전과 같은 내용이 있다. - 사용자가 인터페이스의 상태 변화를 예측할 수 있다. - 모션은 디지털 공간에서 “무엇이 일어나고 있는지”를 시각적으로 설명하는 역할을 한다. ## 상태와 피드백을 전달하는 움직임 - 로딩 바는 작업이 진행 중이며 곧 완료될 것이라는 정보를 제공한다. - 잘못된 비밀번호 입력 시 입력창이 흔들리는 효과는 고개를 젓는 동작처럼 오류를 직관적으로 전달한다. - 새로고침 후 차트나 그래프가 재배치되는 애니메이션은 데이터가 갱신되었다는 사실을 보여준다. - FigJam 타이머의 종료 시 흔들리는 축하 애니메이션처럼, 모션은 단순한 상태 전달을 넘어 감정과 분위기도 만들 수 있다. - Figma의 커서 채팅에서는 입력 중인 대화 말풍선이 커지며, 즉흥적이고 자연스러운 대화감을 형성한다. ## 마이크로애니메이션은 목적 중심으로 설계해야 한다 - 마이크로애니메이션은 짧은 시간 동안 UI를 활성화하거나 사용자의 흐름을 안내하는 움직임이다. - 아이콘을 의미 없이 추가하지 않듯, 애니메이션도 “움직임을 넣기 위해” 넣어서는 안 된다. - 각각의 애니메이션은 구체적인 사용자 문제를 해결해야 한다. - 오래된 백엔드 시스템 때문에 발생하는 처리 지연을 1~2초의 전환 애니메이션으로 자연스럽게 감출 수 있다. - 이때 애니메이션은 실제 처리 속도를 높이지 않더라도 제품이 더 빠르고 덜 끊기는 것처럼 느끼게 한다. ## 실용성과 개성을 함께 갖춘 좋은 모션 - 좋은 모션은 기능적 목적과 제품의 개성을 균형 있게 결합한다. - 사용자의 시간을 존중하고, 주의를 빼앗거나 작업을 지연시키지 않아야 한다. - 애플의 창 최소화 애니메이션은 창이 독의 아이콘 속으로 빨려 들어가는 듯한 효과를 보여준다. - 이 효과는 짧고 미묘하지만 다음 정보를 동시에 전달한다. - 창이 어디로 이동했는지 - 창을 다시 열려면 어떤 아이콘을 눌러야 하는지 - 창이 사라진 것이 아니라 보관되었다는 사실 - 다시 창을 열 때는 아이콘에서 창이 자라나는 듯한 역방향 애니메이션을 사용해 상태 변화의 연속성을 보여준다. ## 과도한 모션과 접근성 문제 - 애니메이션이 없어도 핵심 기능을 사용할 수 있도록 설계해야 한다. - 특정 움직임은 간질 환자 등 일부 사용자에게 발작을 유발할 수 있으므로 접근성을 고려해야 한다. - 모션은 다음과 같은 부작용을 일으킬 수 있다. - 화면을 복잡하고 산만하게 만든다. - 사용자의 작업을 중단시킨다. - 불필요한 단계를 추가한다. - 사용자를 혼란스럽게 하거나 불편하게 한다. - 반복되면서 브랜드에 대한 호감도를 서서히 떨어뜨린다. - 화면 곳곳에서 빠르고 과장된 움직임이 반복되면 사용자는 정확한 원인을 의식하지 못하더라도 제품을 피곤하고 성가시게 느낄 수 있다. - 따라서 각 애니메이션은 가장 우아하고 절제된 방식으로 사용자 문제를 해결하는지 검토해야 한다. 모션은 기능을 이해시키고 상태 변화를 설명하는 경우에 우선 적용하는 것이 좋다. 구현 전에는 “이 움직임이 어떤 정보를 전달하는가”, “없어도 사용 가능한가”, “접근성 설정이나 모션 감소 환경에서도 문제가 없는가”를 확인해야 한다.

원문 읽기(새 탭에서 열림)
Figma사용자 경험접근성motion-design+2
figma3분 읽기큐레이션 요약

iPad용 FigJam: 탐색하고 아이디

FigJam for iPad는 데스크톱보다 집중하기 쉽고 손으로 직접 조작할 수 있는 태블릿의 장점을 FigJam의 아이디어 발상·협업 과정에 결합한 제품이다. 무한 캔버스에서 저해상도 스케치와 자유로운 반복 작업을 수행하고, 데스크톱과 iPad를 오가며 개인 작업과 팀 협업을 자연스럽게 이어가는 것이 핵심이다. 다만 FigJam iPad 전용 앱은 2026년 1월 8일 종료되며, 이후에는 Figma 앱 또는 웹에서 이용해야 한다. ## 태블릿이 창의적 작업에 적합한 이유 - 데스크톱은 알림과 여러 앱 사이의 지속적인 전환으로 창작 흐름이 끊기기 쉽다. - 태블릿은 한 앱에 집중하도록 설계되어 몰입 상태를 유지하기 쉽다. - 노트처럼 휴대할 수 있고 손으로 직접 쓰고 그릴 수 있어 이동 중에도 아이디어를 기록할 수 있다. - FigJam의 무한 캔버스와 태블릿의 촉각적 조작이 결합되어 자유로운 스케치와 탐색에 적합하다. - 사용자들이 이미 펜 태블릿을 활용해 저해상도 스케치와 주석을 작성하고 있었다는 점도 iPad 지원의 배경이 됐다. ## 초기 아이디어를 자유롭게 발전시키기 - 새로운 콘셉트 탐색은 직선적이지 않으므로 완성도보다 빠른 시도와 반복이 중요하다. - 저해상도 작업은 세부 사항에 얽매이지 않고 아이디어를 확장하거나 처음부터 다시 시작하게 해준다. - 거친 스케치는 완성된 목업보다 다른 사람이 함께 발전시키기 쉬운 제안으로 받아들여진다. - iPad에서 작성한 스케치와 메모를 나중에 노트북에서 이어서 작업할 수 있다. - 다른 사람이 기존 아이디어 위에 직접 그리거나 추가하면서 공동 창작이 가능하다. ## 손글씨 주석으로 피드백을 개인화하기 - 비동기 협업에서 댓글만으로는 피드백의 맥락과 온기를 충분히 전달하기 어렵다. - iPad에서는 캔버스의 단어나 스케치에 원을 치고, 밑줄을 긋고, 직접 표시할 수 있다. - 손글씨 메모는 단순한 평가나 비판보다 함께 결과물을 만들어가는 방식의 피드백을 가능하게 한다. - 시각적 표시와 필기 주석을 통해 어떤 부분을 개선해야 하는지 더 직관적으로 전달할 수 있다. ## iPad를 활용한 협업 세션 - iPad는 개인 스케치뿐 아니라 회의와 그룹 작업을 진행하는 보조 화면으로도 사용할 수 있다. - 큰 데스크톱 화면에는 FigJam 파일을 띄우고, iPad에서는 스티커 메모 그룹에 동그라미를 치거나 참석자에게 표시를 남길 수 있다. - 발표자는 화면 전환 없이 빠르게 주석을 추가할 수 있어 협업 세션이 더 유연해진다. - 데스크톱의 넓은 화면과 iPad의 직접 입력을 조합하면 각 기기의 장점을 동시에 활용할 수 있다. ## 지원 방식과 향후 방향 - 글 작성 당시 FigJam for iPad는 태블릿 편집을 위한 첫 단계로 소개됐다. - Figma는 태블릿에서 저해상도 디자인을 더 빠르고 풍부하게 만드는 기능을 계속 탐색하고 있다. - 현재 안내에 따르면 전용 FigJam iPad 앱은 2026년 1월 8일 종료된다. - iPad에서 계속 사용하려면 iOS 16 이상을 지원하는 Figma iOS 앱에 로그인하거나 웹을 이용해야 한다. iPad는 완성된 디자인을 다듬는 도구라기보다, 초기 아이디어를 빠르게 그리고 공유하며 발전시키는 FigJam의 특성을 강화하는 도구로 보는 것이 적절하다. 개인 스케치, 손글씨 피드백, 회의 중 실시간 주석처럼 자유로운 시각적 협업이 필요한 상황에서 특히 유용하다.

원문 읽기(새 탭에서 열림)
FigmafigjamAndroidcollaborative-design+3
figma2분 읽기큐레이션 요약

우크라이나 사태에 대한

Figma는 러시아의 우크라이나 침공을 민주적 가치에 대한 공격으로 규정하고, 우크라이나 커뮤니티에 대한 연대와 지원을 약속했다. 임직원의 인도적 기부에 매칭 기부를 제공하고, 지원을 요청하는 기존 우크라이나 고객에게 유료 기능을 한시적으로 계속 제공한다. 동시에 미국·EU의 대러 제재를 준수하며 러시아 내 신규 판매를 중단한다고 밝혔다. ## 우크라이나에 대한 연대 - Figma의 비전인 “모두가 디자인에 접근할 수 있도록 하는 것”이 민주적 가치와 맞닿아 있다고 설명했다. - 국제적으로 구성된 Figma 직원과 커뮤니티 안에서 우크라이나 구성원들이 겪는 고통을 인식하고 있다고 밝혔다. - 회사 차원에서 전쟁과 침공에 반대하고 우크라이나 커뮤니티의 안전을 기원했다. ## 인도적 지원과 기부 매칭 - Figma 직원들은 우크라이나 난민 지원 및 인도적 구호 단체에 자발적으로 기부하고 있다. - 회사는 기부 매칭 프로그램을 통해 직원들의 기부금에 대응하는 금액을 추가로 기부한다. - 이를 통해 임직원의 개인적 참여를 조직적인 지원으로 확대하려 했다. ## 우크라이나 고객 지원 - 지원을 요청하는 기존 우크라이나 고객에게 향후 몇 달 동안 Figma의 유료 기능을 계속 이용할 수 있도록 제공한다. - 전쟁으로 인해 업무와 서비스 비용에 어려움을 겪는 고객들이 디자인 협업을 이어갈 수 있도록 한 조치다. ## 러시아 관련 제재와 판매 중단 - Figma는 미국과 유럽연합의 러시아 제재 요건을 전면 준수한다고 밝혔다. - 러시아에서 모든 신규 판매 활동을 중단한다. - 기존 고객에 대한 지원과 신규 영업 중단을 구분해, 제재 준수와 사업적 대응을 함께 추진했다. 이번 발표는 기업이 국제적 위기 상황에서 가치 표명, 임직원 기부 지원, 피해 지역 고객 지원, 제재 준수를 병행한 사례다. 기업 차원에서는 관련 법규를 정확히 따르면서도, 피해 커뮤니티에 대한 재정적·운영적 지원 방안을 구체적으로 마련하는 것이 실질적인 대응이 될 수 있다.

원문 읽기(새 탭에서 열림)
Figmacollaborative-designdesign-toolsweb-design
figma3분 읽기큐레이션 요약

Figma의 새로운 기능: 2

2022년 2월 Figma 업데이트는 디자인 과정에 더 많은 사람을 참여시키고, 필요한 파일과 리소스를 빠르게 찾도록 돕는 데 초점을 맞췄습니다. Figma 검색 기능을 개선하고, FigJam의 정식 출시와 함께 협업·브레인스토밍 도구를 직관적으로 다듬었습니다. 또한 Figma Enterprise와 새로운 FigJam 요금제를 출시해 조직 단위 협업도 강화했습니다. ## Figma Enterprise 및 새로운 FigJam 요금제 - 디자인 프로세스에 더 많은 구성원이 참여할 수 있도록 새로운 Figma Enterprise 플랜을 출시했습니다. - FigJam에도 새로운 요금제를 도입해 브레인스토밍과 협업 기능을 다양한 규모의 팀이 활용할 수 있도록 했습니다. - 아이디어 발상부터 실제 제품 개발까지 팀 전체가 같은 흐름 안에서 협업하는 것을 목표로 합니다. ## 검색 기능 개선 - **파일 미리보기**를 제공해 검색 결과에서 파일의 실제 내용을 확인할 수 있습니다. - 파일 이름이 비슷하거나 여러 버전이 존재할 때 원하는 파일을 더 쉽게 식별할 수 있습니다. - 최근 파일, 팀 페이지, 검색 결과에서 **Figma 파일과 FigJam 파일을 유형별로 필터링**할 수 있습니다. - 불필요한 파일을 열어 확인하는 시간을 줄이고 작업 흐름을 유지할 수 있습니다. ## FigJam 리소스 메뉴 통합 - FigJam의 툴바를 단순화하고 컴포넌트, 템플릿, 위젯 등 다양한 리소스를 한곳에서 찾을 수 있도록 했습니다. - 회의 준비나 소규모 브레인스토밍 중에도 캔버스에 필요한 요소를 빠르게 추가할 수 있습니다. - 리소스 탐색 위치를 통합해 FigJam의 기본 사용 경험을 더 직관적으로 만들었습니다. ## 텍스트 크기 조정 강화 - 텍스트 상자 모서리를 클릭하고 드래그해 원하는 크기로 텍스트를 조정할 수 있습니다. - 다양한 글자 크기를 사용해 아이디어를 그룹화하고 콘텐츠의 계층 구조를 표현할 수 있습니다. - 진행자는 중요한 내용을 크게 표시해 회의 참가자에게 우선순위를 명확히 전달할 수 있습니다. ## 스탬프와 하이라이트의 객체 연결 - 스탬프와 하이라이트가 연결된 객체에 고정되도록 개선했습니다. - 객체를 캔버스의 다른 위치로 이동해도 해당 객체에 붙은 반응과 강조 표시가 함께 이동합니다. - 브레인스토밍에서 특정 아이디어에 대한 공감, 투표, 강조 상태를 더 안정적으로 기록할 수 있습니다. ## 색상과 도형을 빠르게 변경 - 복잡한 플로우나 다이어그램에서 색상과 도형을 시각적 구분 요소로 활용할 수 있습니다. - 툴바의 색상 선택기와 도형 변경 아이콘을 조정해 관련 기능을 더 빠르게 찾도록 했습니다. - 작업 중인 도형의 형태와 색상을 반복적으로 바꾸며 흐름을 쉽게 정리할 수 있습니다. ## 이미지 강조 기능 - FigJam 캔버스에 추가한 이미지에 테두리를 적용할 수 있습니다. - 여러 이미지 중 중요한 이미지나 참고 자료를 시각적으로 돋보이게 만들 수 있습니다. ## 선택 테두리 개선 - 선택 테두리를 더 얇게 만들어 도형의 채우기 영역과 겹치는 문제를 줄였습니다. - 선택 모서리를 더 크게 조정해 객체를 잡거나 크기를 조절하기 쉬워졌습니다. - 결과적으로 캔버스 위 객체를 선택하고 편집하는 조작성이 향상되었습니다. 이번 업데이트는 파일 탐색 시간을 줄이고, FigJam에서 브레인스토밍 결과를 더 명확하게 구조화하는 데 유용합니다. 팀에서는 파일 유형 필터와 미리보기를 적극 활용하고, FigJam에서는 객체에 연결되는 스탬프·하이라이트와 텍스트 크기 조정을 사용하면 협업 내용을 더 정확하게 전달할 수 있습니다.

원문 읽기(새 탭에서 열림)
Figmafigjam사용자 인터페이스design-collaboration+2
figma3분 읽기큐레이션 요약

FigJam과 함께한 시간: 베타

FigJam은 원격 근무 확산으로 커진 협업·소통 수요에 대응해 탄생했으며, Figma는 완벽한 제품을 한 번에 만들기보다 베타 출시 후 사용자 피드백을 바탕으로 발전시키는 방식을 택했다. 제품의 방향과 우선순위는 내부 여러 팀과 실제 사용자들의 지속적인 의견을 통해 결정됐다. 그 결과 FigJam은 장기 비전을 유지하면서도 빠르게 개선되는 협업 제품으로 정식 출시 단계(GA)에 도달했다. ## 원격 근무가 만든 온라인 화이트보드의 필요성 - Figma는 원격 근무를 시작하며 사람들이 온라인 공간에서 더 많은 시간을 보내는 상황을 경험했다. - 사용자들은 Figma를 디자인 작업뿐 아니라 사람들과 연결되고 소통하는 공간으로도 활용했다. - 브레인스토밍, 팀 아이스브레이커, 사교 활동 등 비업무적 협업 수요도 커졌다. - Figma 내부에서도 함께 모일 수 있는 디지털 공간이 필요했기 때문에 FigJam 개발에 전사적인 추진력이 붙었다. ## 협업을 촉진하는 제품 관리 방식 - Figma에서는 좋은 아이디어와 결정이 특정 직책의 사람에게서만 나온다고 보지 않는다. - 제품 관리자의 역할을 최종 결정자라기보다, 여러 직군이 더 나은 결정을 내리도록 돕는 촉진자로 정의한다. - PM, 디자이너, 엔지니어뿐 아니라 지원, 영업, 마케팅 팀도 제품 아이디어와 우선순위 결정에 참여한다. - “혼자서는 위대한 제품을 만들 수 없다”는 원칙에 따라 제품 개발 자체를 협업 과정으로 운영했다. ## 베타 출시로 완벽주의를 극복하다 - FigJam은 Figma의 두 번째 제품이었기 때문에 기존 제품과 같은 수준의 완성도와 유지보수성을 확보해야 한다는 부담이 있었다. - 모든 것을 완벽하게 결정하려다 출시가 늦어질 위험이 있었다. - 이를 해결하기 위해 베타로 먼저 출시하고, 실제 사용자 반응을 바탕으로 제품을 반복 개선했다. - 베타는 단순한 시험판이 아니라 장기적인 제품 비전을 유지하면서도 변화하는 요구에 빠르게 대응하는 방법으로 활용됐다. ## 결정적인 문제부터 해결한 우선순위 설정 - 모든 세부 사항을 오래 논의하기보다, 다음 단계의 결정을 막는 핵심 문제를 먼저 해결했다. - 초기에는 Figma와 FigJam의 관계, 두 제품을 통합할지 별도 애플리케이션으로 만들지 등이 중요한 쟁점이었다. - 결정이 필요한 사안은 우선 판단한 뒤 이해관계자와 사용자에게 피드백을 받아 조정했다. - 알파 테스트에서 수집한 요청은 다음과 같이 분류했다. - 최초 출시 전에 반드시 해결해야 할 문제 - 초기 출시 이후 빠르게 추가할 기능 - 예를 들어 스티키 노트 작성자 표시 기능은 출시 필수 항목으로 분류했고, 타이머 기능은 후속 개선 항목으로 미뤘다. ## 알파 테스터와 지속적인 사용자 피드백 - 개발팀은 수백 명의 알파 테스터가 참여한 공동 Slack 공간을 운영했다. - 테스터들은 사용 중 발견한 문제와 개선 아이디어를 지속적으로 공유했다. - 출시 후에도 신규 기능을 먼저 사용하는 사용자 패널을 두고 적극적으로 의견을 수집했다. - 사용자 피드백은 Slack, 고객 지원 채널, Twitter 등 다양한 경로에서 얻었다. - 제품 결정의 기준은 기능 자체가 아니라 실제 FigJam 사용자가 필요로 하는 문제를 해결하는지 여부였다. ## FigJam 개발에서 얻은 방식 - 회사 차원의 명확한 목표가 있으면 새로운 제품도 짧은 기간 안에 여러 팀의 역량을 결집해 개발할 수 있다. - 초기부터 모든 답을 확정하기보다, 중요한 구조적 문제를 먼저 결정하고 나머지는 사용자의 반응을 보며 조정하는 것이 효과적이다. - 베타 출시는 불완전함을 감수하는 전략이 아니라, 실제 사용 환경에서 제품을 학습시키는 개발 과정이 될 수 있다. - 다양한 직군과 사용자로부터 아이디어를 얻고, 이를 출시 필수 기능과 후속 기능으로 구분하면 속도와 품질을 함께 관리할 수 있다. 실무적으로는 제품의 장기 방향은 분명히 유지하되, 초기에는 핵심 가설을 검증할 수 있는 수준으로 출시하고 실제 사용자 피드백을 우선순위 결정에 직접 반영하는 접근이 유용하다.

원문 읽기(새 탭에서 열림)
Figma사용자 경험figjamslack+3
figma3분 읽기큐레이션 요약

디자인은 모두의 참여

Figma는 디자인을 디자이너만의 업무가 아니라 전사적인 협업 과정으로 확장하고, 더 많은 사람이 브레인스토밍부터 구현까지 참여할 수 있도록 새 요금제를 출시했다. FigJam은 베타를 종료하고 정식 서비스가 되었으며, Figma Enterprise는 대규모 조직을 위한 워크스페이스, 세밀한 권한 관리, 보안 및 관리 기능을 제공한다. 핵심 목표는 협업 참여자를 늘리면서도 파일과 권한이 복잡해지는 문제를 해결하는 것이다. ## 전사 협업 공간으로 확장되는 디자인 - 기업은 문제 해결, 아이디어 발산, 계획 수립, 팀 간 소통을 위한 공통 공간을 필요로 한다. - Figma가 다양한 부서의 디자인 참여를 수용하면서 Cisco 같은 기업에서는 부서 간 사일로가 줄어들었다. - 반면 프로젝트와 기능이 늘어나면서 파일 탐색이 어려워지고, 팀별 업무 방식과 관리자의 권한 관리 부담이 커졌다. - Figma는 디자인 프로세스 전반을 하나의 공간에서 지원하되, 조직 규모가 커져도 정보를 쉽게 찾고 업무 흐름을 유지할 수 있도록 하는 것을 목표로 삼았다. ## FigJam 정식 출시와 활용 확대 - FigJam은 2021년 4월 베타로 출시된 협업 화이트보드 제품이며, 다양한 팀의 실제 사용 사례를 바탕으로 발전했다. - Dwell은 여러 구성원이 동시에 아이디어를 모으는 ‘스웜’ 방식의 브레인스토밍에 활용했다. - Square의 People 팀은 신규 입사자 온보딩에 사용했고, Twitter 엔지니어링 팀은 여러 부서가 참여하는 버그 배시에 활용했다. - 비기술·비제품 부서까지 빠르게 도입할 수 있도록 플러그인, 위젯, 즉시 사용할 수 있는 템플릿을 지원했다. - FigJam은 Starter 플랜에서 무료로 제공된다. - 개인 화이트보드는 무제한으로 사용할 수 있다. - 공유 화이트보드는 3개까지 제공되며 협업자 수는 무제한이다. - 조직 전체에서 공유 화이트보드를 무제한으로 사용하려면 에디터당 월 3달러부터 시작한다. ## Figma Enterprise의 조직 구조화 - Figma와 FigJam 사용자가 늘면서 파일, 팀, 권한이 뒤섞여 사용자와 관리자가 모두 부담을 느끼는 문제가 발생했다. - Figma Enterprise는 디자인 중심 기업이 증가하는 참여자와 팀을 체계적으로 관리하도록 설계됐다. - 주요 제공 영역은 다음과 같다. - 조직 구조에 맞춘 워크스페이스 - 세밀한 관리 및 권한 제어 - 고급 보안 기능 - 대규모 협업을 위한 지원 기능 - 가격은 Figma가 에디터당 월 75달러, FigJam이 에디터당 월 5달러다. ## 부서별 워크스페이스 - 워크스페이스는 부서, 제품 영역, 기능별로 구성할 수 있는 독립적인 업무 공간이다. - 각 팀은 자신에게 필요한 파일과 컴포넌트에 집중하면서도 조직 전체 콘텐츠에 접근할 수 있다. - 관리자는 워크스페이스별로 다음을 설정할 수 있다. - 기본 팀 - 기본 라이브러리 - 사용자가 먼저 확인할 파일과 컴포넌트의 범위 - 사용자는 특정 워크스페이스로 검색 범위를 제한해 파일, 사람, 컴포넌트를 더 빠르게 찾을 수 있다. - 결과적으로 기업의 실제 조직 구조를 Figma 안에 반영하고, 불필요한 정보 노출과 탐색 부담을 줄인다. ## 대규모 조직을 위한 관리 기능 - 수천 개의 파일과 사용자, 권한을 관리해야 하는 기업에서는 일괄적인 관리 방식이 복잡성을 키울 수 있다. - Enterprise 플랜은 관리 업무를 위임하고 자동화해 중앙 관리자의 부담을 줄이는 방향을 제시한다. - 워크스페이스 관리 권한을 해당 조직을 가장 잘 아는 담당자에게 위임할 수 있다. - 위임 가능한 관리 범위에는 다음이 포함된다. - 워크스페이스 멤버십 - 사용자 역할 - 실제 사용량에 따른 좌석 조정(true-up) - SCIM을 활용한 역할 설정도 제공해 조직의 사용자 관리 시스템과 Figma 권한 관리를 연계할 수 있도록 했다. 조직 전체가 디자인에 참여하도록 하려면 단순히 사용자를 추가하는 것만으로는 부족하다. 팀별 워크스페이스, 검색 및 라이브러리 체계, 위임 가능한 권한 관리가 함께 마련되어야 하며, 이런 규모의 협업이 필요한 기업에는 Figma Enterprise가 적합하다. નાના 팀이나 가벼운 아이디어 회의 중심이라면 무료 Starter 플랜과 FigJam부터 시작하는 것이 실용적이다.

원문 읽기(새 탭에서 열림)
Figmafigjamdesign-collaborationscim+2
figma3분 읽기큐레이션 요약

리틀 빅 업데이트:

이번 업데이트는 Figma와 FigJam의 작업 흐름을 빠르게 만드는 32가지 개선 사항을 소개한다. 파일·컴포넌트 관리, 텍스트 편집, 단축키, 퍼블리싱, FigJam 협업 기능처럼 작은 변경을 모아 반복 작업을 줄이고 디자인 시스템 활용성을 높이는 데 초점을 맞췄다. 개별 기능은 작지만 일상적인 작업 속도와 편의성에 큰 영향을 준다는 것이 글의 결론이다. ## 텍스트 편집과 입력 개선 - 텍스트 편집 성능을 개선해 Figma와 FigJam에서 최대 10배 빠르게 입력할 수 있다. - macOS의 악센트 메뉴를 지원한다. 문자를 길게 누르면 é, ñ 등의 악센트 문자를 선택할 수 있다. - 여러 텍스트 스타일이 섞여 있어도 목록 글머리 기호의 모양과 정렬이 일관되게 유지된다. - `Home`과 `End` 키로 텍스트 영역의 시작과 끝으로 빠르게 이동할 수 있다. - 커넥터의 텍스트에서 `Return` 또는 `Enter`를 눌러 새 줄을 만들 수 있다. 기존에는 `Shift+Return/Enter`가 필요했다. - Chrome에서 레티나 스크린샷을 붙여 넣을 때 올바른 크기로 처리되도록 개선했다. ## 파일 탐색과 단축키 - Figma 및 FigJam에서 HEIC 이미지 업로드를 지원해 iPhone 사진을 바로 사용할 수 있다. - 외부 링크를 열 때 표시되던 중간 안내 화면을 제거해 작업 흐름이 끊기지 않는다. - 데스크톱 앱에서 `⌘L` 또는 `Ctrl+L`로 파일뿐 아니라 선택한 프레임의 링크도 복사할 수 있다. - UI를 숨긴 상태에서도 `⌘R` 또는 `Ctrl+R`로 요소 이름을 변경할 수 있다. - `⌘` 또는 `Ctrl`을 누른 채 클릭하면 캔버스에서 최상위 프레임을 직접 선택할 수 있다. - 빠른 실행 메뉴(`⌘+/`, `Ctrl+/`)에서 FigJam UI 표시 여부를 전환할 수 있다. - 같은 빠른 실행 메뉴에서 “모든 객체 잠금 해제” 기능을 검색해 실행할 수 있다. - FigJam 인라인 툴바에 마우스를 올리면 추가 키보드 단축키를 확인할 수 있다. ## 컴포넌트와 디자인 시스템 - 컴포넌트 삽입(`Shift+I`) 및 인스턴스 교체 시 검색 기능을 사용할 수 있어 필요한 컴포넌트를 빠르게 찾을 수 있다. - 컴포넌트를 우클릭해 즉시 퍼블리시할 수 있다. - 퍼블리싱 모달에서 컴포넌트를 검색할 수 있다. - 퍼블리시된 파일에는 별도의 식별 가능한 아이콘이 표시되어 라이브러리 파일을 쉽게 구분할 수 있다. - 퍼블리싱 모달에서 문제가 있는 컴포넌트로 바로 이동할 수 있다. - 에셋 목록에 표시하거나 숨길 컴포넌트를 선택할 수 있다. - 아직 퍼블리시되지 않은 변경 사항을 확인한 뒤 같은 화면에서 바로 퍼블리시할 수 있다. - 메인 컴포넌트를 선택했을 때 “Return to instance”를 눌러 인스턴스로 돌아갈 수 있다. - 조직 구독 설정에서 라이브러리로 직접 연결되는 링크를 제공한다. - FigJam 파일에 팀 라이브러리를 추가할 때 해당 라이브러리가 모달에서 우선적으로 표시된다. ## Figma 디자인 및 내보내기 - 벡터 네트워크 영역별로 서로 다른 채우기 색상을 지정할 수 있어 복잡한 벡터 디자인의 표현 범위가 넓어졌다. - 부모 객체에 적용된 SVG 스트로크를 내보내는 기능이 정상적으로 작동한다. - Figma와 FigJam에서 목록 및 텍스트 스타일 관련 표시가 더 안정적으로 유지된다. - 파일과 프레임 링크 복사 기능이 확장되어 협업 중 특정 작업 영역을 공유하기 쉬워졌다. ## FigJam 도형과 협업 기능 - FigJam의 도형을 더 유연하게 크기 조절할 수 있다. - 요소를 선택한 뒤 우클릭하면 해당 요소로 바로 이동하는 직접 링크를 복사할 수 있다. - 스탬프를 스탬프 휠에서 직접 드래그할 수 있다. - FigJam의 빨간 도형 색상을 주황색에 가깝던 색에서 더 선명한 빨간색으로 조정했다. - 파란 배경 위의 텍스트 하이라이트가 더 잘 보이도록 대비를 개선했다. - 객체를 드래그할 때 계속 그리드에 스냅되도록 했다. 이 업데이트들은 각각의 기능을 새로 배우기보다 기존 작업에 단축키와 검색, 직접 링크, 즉시 퍼블리시를 적극 활용하는 방식으로 효과를 볼 수 있다. 특히 컴포넌트 라이브러리를 자주 사용하는 팀은 검색·퍼블리싱 개선을, FigJam 협업 팀은 요소 링크와 빠른 실행 기능을 먼저 적용하는 것이 좋다.

원문 읽기(새 탭에서 열림)
Figma디자인 시스템figjammacos+4
figma3분 읽기큐레이션 요약

작지만 큰 업데이트: 퀄리티

Figma의 Quality Week는 단순한 코드 오류뿐 아니라, 사용자가 “버그처럼 느끼는” 문제까지 찾아 개선하는 기간이다. 글은 버그를 고치는 일이 명세대로 복원하는 것 이상이며, 복잡한 운영체제·브라우저·사용자 경험을 고려해 무엇을 고칠 가치가 있는지 판단하는 과정이라고 설명한다. 작은 수정도 실제 사용자에게는 큰 품질 차이를 만들 수 있지만, 수정 자체가 다른 문제를 낳지 않도록 세심한 검토가 필요하다. ### Quality Week의 목적 - Figma 제품 팀은 몇 달에 한 번씩 Quality Week를 진행한다. - 평소 우선순위에서 밀리기 쉬운 문제를 집중적으로 조사하고 수정한다. - 대상에는 다음과 같은 문제가 포함된다. - 전형적인 코딩 오류 - 재현하기 어려운 이상 현상 - 기술적으로는 버그가 아니지만 사용자에게는 버그처럼 보이는 문제 - 전통적인 버그의 정의를 넘어서는 품질 문제 - 2022년 1월 Quality Week에서는 Figma와 FigJam의 여러 작은 개선 사항이 공개됐다. ### macOS 악센트 메뉴와 브라우저별 차이 - macOS에서 악센트 메뉴를 사용해 문자를 입력하면 글자가 반복되거나 입력되지 않는 문제가 있었다. - 원인은 단순한 비즈니스 로직이 아니라 키 입력 과정의 이벤트 순서와 관련된 브라우저 동작의 차이였다. - 키가 눌림 - 키가 일정 시간 유지됨 - 키가 해제됨 - 입력할 문자가 결정됨 - 문자가 화면에 표시됨 - 운영체제와 브라우저가 Figma보다 먼저 처리하는 이벤트 과정에서 예상과 다른 동작이 발생했다. - 이를 보완하는 수정 코드는 10줄 미만이었고 키보드와 마우스 입력 모두 지원했다. - 그러나 수정 사항은 Firefox와 Safari에서는 정상 작동했지만, 사용자 비중이 가장 큰 Chrome에서는 문제가 계속됐다. - 따라서 개발자 관점에서는 버그를 해결했더라도, 대부분의 사용자에게는 여전히 해결되지 않은 문제였다. ### 명확한 버그 정의와 현실적인 버그 정의 - 이론적으로 버그는 두 가지 정보로 정의된다. - 원래 어떻게 동작해야 하는가 - 현재 어떻게 잘못 동작하고 있는가 - Y2K 문제나 Pentium FDIV 버그처럼 기대 동작과 실제 동작의 차이가 명확한 사례도 있다. - 하지만 사람과 기계가 상호작용하는 복잡한 시스템에서는 “정상 동작”의 기준 자체가 불분명할 수 있다. - 기능이 의도대로 작동하지만 사용하기 불편한 경우와, 기능이 완전히 고장 난 경우가 실제 사용자 경험에서는 비슷하게 느껴질 수 있다. - 화성 기후 궤도선 사고처럼 코드 오류가 아니더라도 서로 다른 단위 체계를 사용한 시스템 간 불일치가 치명적인 결과를 낳을 수 있다. - 모든 문제를 수정할 수 있는 것도 아니며, 모든 문제가 수정할 가치가 있는 것도 아니다. - 때로는 원래 상태로 되돌리는 대신, 더 안정적인 새로운 동작 방향을 선택해야 한다. ### “버그처럼 느껴지면 버그”라는 관점 - HEIC 이미지 지원은 전통적인 정의로는 버그가 아니었다. - Figma가 처음부터 해당 포맷을 지원하지 않았으므로 기존 기능이 망가진 것은 아니기 때문이다. - 그러나 iPhone이나 iPad에서 가져온 이미지 중 일부만 작동하면 사용자는 Figma가 불안정하다고 느낀다. - 따라서 사용자 경험 관점에서는 명세에 없던 기능의 부재도 버그로 취급할 수 있다. - Quality Week는 이런 문제를 제품 품질 개선 대상으로 다룰 수 있게 해준다. ### HEIC 지원과 로딩 상태의 중요성 - HEIC 지원을 위해 약 98줄의 코드가 추가됐다. - 하지만 고해상도 HEIC 파일은 용량이 크고 처리 시간이 오래 걸리는 문제가 있었다. - 파일을 캔버스에 끌어놓은 뒤 서버와 내부 처리 과정에서 수 초가 걸리는 동안 아무런 시각적 피드백이 없었다. - 사용자는 기능이 처리 중인지, 아니면 입력을 무시한 것인지 알 수 없었다. - 기능이 실제로 작동하고 있어도 사용자에게 작동하지 않는 것처럼 보이면 품질 문제로 이어진다. - 이를 해결하기 위해 이미지 처리 중임을 알리는 로딩 상태를 추가하는 방안이 제시됐다. - 글은 이처럼 단순해 보이는 로딩 개선에도 사용자의 심리와 관련된 또 다른 이상 현상이 숨어 있었다고 설명하며 이어진다. 작은 버그라도 실제 사용 환경과 사용자 인식을 기준으로 우선순위를 판단해야 한다. 특히 브라우저 호환성, 처리 지연, 로딩 피드백처럼 명세만으로 드러나지 않는 문제를 함께 점검하는 것이 중요하다.

원문 읽기(새 탭에서 열림)
Figmafigjammacosquality-assurance+3
figma3분 읽기큐레이션 요약

Draft 3 (Standard blog style):

Figma는 댓글이 팀 협업과 사용자 유지에 중요한 기능이라는 데이터를 확인했지만, 실제 사용률이 낮은 원인을 실험으로 검증했다. 댓글 진입점을 더 쉽게 노출하자 댓글 작성이 45% 증가했지만, 위치를 단순히 왼쪽에서 오른쪽으로 옮긴 실험은 발견 가능성을 20% 낮췄다. 이 과정은 제품 가설을 직관이 아니라 데이터로 검증하고, 작은 실험을 반복해 전면적인 댓글 경험 개편으로 발전시킨 사례다. ## 댓글과 팀 성장의 관계 - 첫 달에 협업한 팀은 그렇지 않은 팀보다: - 유지될 가능성이 1.75배 높았다. - 유료 고객이 될 가능성이 6.5배 높았다. - Figma는 편집자뿐 아니라 보기 전용 사용자도 디자인 과정에 참여해야 팀 전체의 협업이 성장한다고 판단했다. - 댓글은 파일에 대한 피드백을 주고받는 기능이므로, 팀 협업을 시작하게 하는 ‘마법 같은 순간’이 될 수 있다고 가설을 세웠다. - 그러나 댓글이 팀 성장과 참여도의 강한 지표임에도 실제 사용률은 높지 않아, 데이터와 사용자 행동 사이의 차이를 실험으로 조사했다. ## 댓글 발견 가능성 가설 - 기존에는 Figma 편집기 왼쪽 상단의 아이콘을 눌러 댓글 모드에 진입해야 했다. - 사용자 조사에서 댓글의 가치는 인정했지만, 기능 자체를 찾기 어렵다는 문제가 확인됐다. - 첫 번째 실험은 보기 전용 개발자를 대상으로 진행했다. - 이 사용자들은 디자이너와 긴밀히 협업하지만, 기존에는 댓글을 가장 적게 사용하는 집단이었다. - 실험군과 대조군을 50 대 50으로 나누고 2주간 관찰했다. - 댓글 작성을 유도해 기능을 노출한 결과: - 실험군의 댓글 작성이 45% 증가했다. - 다음 주 댓글로 다시 돌아오는 비율에는 부정적인 영향이 없었다. - 즉, 댓글 자체의 가치가 부족한 것이 아니라 사용자가 기능을 발견하지 못한 것이 주요 장벽이었다. ## 댓글 진입점 이동 실험의 반전 - 두 번째 실험에서는 댓글 진입점을 메뉴 바 왼쪽에서 오른쪽으로 옮겼다. - 왼쪽은 디자인 도구와 캔버스 기능이 모여 있고, 오른쪽에는 협업·보기 기능이 많으므로 댓글도 오른쪽이 더 적합할 것이라고 예상했다. - 신규 가입자를 대상으로 50 대 50 실험을 진행하고, 가입 후 7일 안에 댓글을 발견한 비율을 측정했다. - 예상과 달리 댓글 발견 가능성이 전체적으로 20% 감소했다. - 기능의 의미와 무관하게 위치, 주변 UI, 사용자의 기존 탐색 습관 같은 작은 변화가 발견성과 사용률에 큰 영향을 줄 수 있음을 보여줬다. ## 데이터 기반 제품 개발의 교훈 - 제품 가설은 대부분 맞지 않을 수 있으므로, 직관만으로 전면 출시하지 않고 실험으로 검증해야 한다. - 첫 번째 실험은 ‘노출을 높이면 사용이 늘어난다’는 가설을 입증했다. - 두 번째 실험은 ‘오른쪽이 협업 기능에 적합하므로 댓글도 더 잘 발견될 것’이라는 가설을 반박했다. - 실패한 실험도 사용자의 행동 패턴과 제품 구조를 이해하는 데 중요한 정보를 제공한다. - 여러 차례의 작은 실험과 사용자 조사 결과가 쌓이면서 댓글 기능의 재설계와 전체 사용자 대상 출시로 이어졌다. 댓글 같은 협업 기능은 기능을 추가하는 것보다 사용자가 자연스럽게 발견하고 진입하도록 만드는 일이 중요하다. 따라서 UI 위치를 변경할 때는 직관에 의존하지 말고, 대상 사용자와 명확한 지표를 정한 뒤 통제 실험으로 효과와 부작용을 함께 측정하는 것이 바람직하다.

원문 읽기(새 탭에서 열림)
Figmacollaborationuser-research데이터 사이언스+2
figma3분 읽기큐레이션 요약

앞으로의 한 해: 솔

창의적 업무는 하이브리드·원격 근무의 확산으로 물리적 공간보다 디지털 환경을 중심으로 재편될 전망이다. 협업이 글로벌·비동기적으로 이루어질수록 명확한 문서화, 투명한 의사결정, 체계적인 조직 운영이 중요해진다. 장기적으로는 디자인 탐색과 피드백의 상당 부분이 AI와 같은 가상 협업자에 의해 자동화될 가능성도 제시된다. ## 하이브리드 근무와 디지털 창작 환경 - 전통적인 사무실 회의실에서 진행하던 ‘자유 발상’과 화이트보딩 세션이 FigJam 같은 디지털 협업 도구로 이동한다. - 업무 맥락과 조직의 지식이 물리적 공간이 아니라 디지털 환경에 축적된다. - 창작 도구는 디자이너만의 전문 도구가 아니라, 직군 전체가 사용하는 협업 도구로 확장된다. - 도구가 더 협력적이고 접근하기 쉬워질수록 창작 과정의 참여 장벽과 직군 간 격차가 낮아진다. ## 런던과 실리콘밸리의 생태계 차이 - 런던에서는 기술 산업이 이미 지배적인 분야인 실리콘밸리와 달리, 아직 성장하고 혁신하는 분야로 인식된다. - 기존 기술 중심 지역에서 당연하게 여겨지는 지식과 관행이 신흥 시장에서는 새롭고 혁신적인 것으로 받아들여질 수 있다. - 런던에는 초기 단계의 영국 창업자를 지원하려는 투자자들이 유입되고 있다. - 과거에는 자금 조달과 성장을 위해 실리콘밸리로 이동해야 했던 창업자들이 이제는 영국을 기반으로 글로벌 기술 기업을 만들 수 있다. - 이러한 창업자와 기업은 런던의 미래 산업 구조를 직접 형성하는 역할도 하게 된다. ## 글로벌·비동기 협업의 운영 방식 - 여러 시간대에 걸쳐 일하는 팀은 피드백과 의사결정 과정을 의도적으로 설계해야 한다. - 동료가 서로 다른 시간대에 활동하므로 실시간 회의만으로 정렬하기 어렵고, 비동기 협업이 필수적이다. - 업무 지시와 피드백은 더 명확한 글로 작성해야 하며, 영상 녹화를 활용해 방향과 맥락을 전달할 수 있다. - 사무실에서 자연스럽게 공유되던 배경지식이 줄어들기 때문에 문서화와 결정 과정의 공개가 중요해진다. - 명확한 기록, 투명한 의사결정, 정돈된 프로세스를 뜻하는 ‘조직 위생(organizational hygiene)’이 경쟁력이 된다. ## 디자인 자동화와 가상 협업자 - 디자인 탐색과 피드백 과정은 앞으로 상당 부분 자동화될 가능성이 있다. - 미래에는 사람이 아닌 소프트웨어 에이전트가 지식 노동, 피드백, 반복 작업에 참여할 수 있다. - 이러한 가상 협업자는 현재 사람이 수동으로 수행하는 업무 유형에 맞춰 조정될 수 있다. - AI 기반 협업자의 등장은 단순한 생산성 향상을 넘어 팀워크와 협업의 본질 자체를 바꿀 수 있는 변화로 평가된다. ## 실용적인 시사점 - 원격·하이브리드 팀은 회의보다 문서, 녹화 피드백, 공개된 의사결정 기록을 우선 구축하는 것이 좋다. - 모든 구성원이 참여할 수 있는 디지털 화이트보드와 협업 도구를 활용하면 직군 간 아이디어 교환을 확대할 수 있다. - 반복적인 디자인 검토와 피드백 업무는 향후 자동화할 수 있도록 프로세스를 구조화하고 데이터를 축적해야 한다. ※ 제공된 글은 Soleio 인터뷰의 중간에서 끝나 있어 Julie Zhuo와 May-Li Khoe의 답변 내용은 포함되어 있지 않습니다.

원문 읽기(새 탭에서 열림)
Figmafigjam오픈 소스collaborative-design+3
figma3분 읽기큐레이션 요약

Frame 2021: 숫

2021년 Figma와 FigJam의 데이터는 원격·하이브리드 근무가 디자인과 협업을 국경과 직무의 경계 너머로 확장했음을 보여준다. 협업은 더 일찍 시작되고, 디자이너뿐 아니라 PM과 개발자까지 디자인 프로세스 전반에 참여하게 됐다. FigJam에서 아이디어를 구상한 뒤 Figma에서 구체적인 인터페이스를 설계하는 흐름도 정착되고 있다. ## 국경과 시간대를 넘는 협업 - Figma는 235개 국가와 지역에서 사용되고 있다. - 미국에서는 뉴욕과 캘리포니아가 주요 협업 중심지였으며, 워싱턴과 텍사스에서도 활동이 증가했다. - 전 세계적으로는 미국과 러시아가 협업 허브 역할을 하고 있고, 인도·브라질·인도네시아의 참여도 커지고 있다. - Figma 사용자의 83%가 미국 외 지역에 있으며, 서로 다른 대륙 간 협업 비율은 2020년 초 8%에서 약 14%로 증가했다. - 마드리드와 웰링턴, 베이징과 부에노스아이레스처럼 매우 먼 거리의 사용자들도 공동 작업을 진행했다. ## 아이디어에서 출시까지 이어지는 협업 - 2021년 Figma 사용자의 약 52%가 다른 사람과 협업했다. - 공유 파일에는 중앙값 기준 4명이 초대됐다. - 협업자는 디자이너에 국한되지 않고 PM과 개발자 등 다양한 직군으로 확대됐다. - 디자인 도구가 단순한 제작 공간이 아니라 아이디어 구상부터 개발 전달까지 전체 프로세스를 담는 공간으로 활용되고 있다. ## FigJam에서 Figma로 이어지는 흐름 - FigJam은 원격 근무 환경에서 초기 아이디어를 자유롭게 교환할 수 있는 공간으로 도입됐다. - 활성 FigJam 사용자 중 약 15%는 템플릿으로 작업을 시작한다. - 가장 인기 있는 템플릿 유형은 브레인스토밍이다. - 팀은 FigJam에서 브레인스토밍과 아이디어 발산을 진행한 뒤, Figma에서 실제 인터페이스와 제품 디자인을 구축하는 경향을 보였다. ## 더 일찍 시작되는 디자인 협업 - Figma 파일이 생성된 뒤 첫 번째 협업자가 파일을 확인하기까지 걸리는 시간은 평균 10일이다. - 이는 2019년 협업자 초대까지 평균 19일이 걸렸던 것과 비교해 크게 단축된 수치다. - 디자이너들이 PM이나 개발자 같은 직군을 디자인 초기 단계부터 참여시키고 있음을 의미한다. - 개발자가 참여하는 협업 파일은 전체 협업 파일의 40%를 차지한다. - 개발자와의 핸드오프는 디자인 생성 후 보통 33일 뒤 시작되며, 첫 코드 검토 이후에도 45일간 이어진다. - 핸드오프 활동은 최종 디자인 수정이 끝난 뒤에도 계속되는 장기적인 협업 과정으로 나타났다. ## 디자인을 넘어선 FigJam 활용 - 하이브리드·디지털 중심 근무가 확산되면서 대면 활동을 온라인 환경에 맞게 재구성할 필요가 커졌다. - Figma는 FigJam을 스탠드업, 아이스브레이커, 로드맵 작성, 회고 등 다양한 팀 활동에 활용했다. - FigJam은 디자인 전용 도구라기보다 원격 팀의 소통과 의사결정을 지원하는 협업 공간으로 확장되고 있다. 실무적으로는 초기 아이디어 단계부터 PM과 개발자를 참여시키고, FigJam의 브레인스토밍 결과를 Figma의 구체적인 설계로 연결하는 프로세스가 효과적이다. 또한 핸드오프를 일회성 전달이 아니라 개발 과정 전체에 걸친 지속적인 협업으로 관리하는 것이 중요하다.

원문 읽기(새 탭에서 열림)
Figmafigjamdesign-collaborationremote-work+2
figma2분 읽기큐레이션 요약

피그마의 새로운

2021년 12월 Figma 업데이트는 FigJam과 Figma에서 협업과 제작을 더 쉽고 풍부하게 만드는 데 초점을 맞췄다. FigJam에서는 외부 미디어 재생, 동영상·웹캠 녹화, 하이라이터와 지우개 기능이 추가됐고, 모바일 앱에서는 데스크톱 없이도 프로토타입과 파일을 확인·공유할 수 있게 됐다. 결과적으로 아이디어 발상부터 검토, 모바일 테스트까지 작업 흐름이 한층 간소화됐다. ## FigJam에서 풍부해진 미디어 협업 - FigJam 공간에 링크를 붙여 넣는 것만으로 다양한 외부 미디어를 활용할 수 있다. - Vimeo 영상을 재생하고 Spotify 음악을 들을 수 있어 회의나 아이디어 세션에 맥락과 영감을 더할 수 있다. - 새로운 Vimeo 플러그인을 사용하면 Figma와 FigJam 파일 안에서 직접 화면 및 웹캠 녹화를 만들 수 있다. - 녹화 기능은 상태 업데이트, 제품 데모, 사용 방법 안내 등을 공유하는 데 활용할 수 있다. - 실시간 회의뿐 아니라 비동기 협업에서도 미디어를 통해 설명과 의사소통을 보완할 수 있다. ## 아이디어를 강조하고 불필요한 작업을 정리하는 도구 - FigJam 툴바에 **하이라이터**가 추가됐다. - 텍스트나 다른 객체를 강조해 중요한 아이디어가 눈에 띄게 만들 수 있다. - 하이라이트할 때 `Shift` 키를 누르면 곧은 선을 그릴 수 있다. - **지우개** 기능으로 그림의 개별 선을 삭제할 수 있다. - 전체 작업물을 지우지 않고 특정 스트로크만 수정할 수 있어 스케치와 아이디어를 빠르게 다듬을 수 있다. - 브레인스토밍 결과에서 좋은 아이디어를 부각하고, 진행 중인 작업은 정리하는 데 유용하다. ## 모바일에서 프로토타입과 파일 확인 Figma 모바일 앱 업데이트를 통해 모바일 디자이너가 데스크톱에 연결되지 않은 상태에서도 디자인을 검토할 수 있게 됐다. - 데스크톱 없이 프로토타입을 재생할 수 있다. - 프로토타입 재생 중 핫스팟 표시를 켜거나 끌 수 있다. - 데스크톱에서 선택한 프레임을 모바일 기기로 미러링할 수 있다. - Figma 파일과 프로토타입을 모바일에서 공유하고 탐색하며 확인할 수 있다. - FigJam 파일도 모바일에서 공유·탐색·열람할 수 있다. - 팀과 프로젝트를 이동하고 여러 워크스페이스 사이를 전환할 수 있다. - iPhone·iPad용 iOS 앱과 스마트폰·태블릿용 Android 앱에서 이용할 수 있다. ## 업데이트 활용 방법 - 비동기 회의에서는 Vimeo 녹화로 진행 상황이나 데모를 파일 안에 직접 남긴다. - FigJam 브레인스토밍에서는 하이라이터로 핵심 의견을 표시하고 지우개로 불필요한 선을 정리한다. - 모바일 앱을 사용해 실제 기기에서 프로토타입의 화면 전환과 상호작용을 수시로 검증한다. - 세부 변경 사항은 Figma 릴리스 노트에서 확인할 수 있다.

원문 읽기(새 탭에서 열림)
Figma프로토타이핑figjamAndroid+4
figma3분 읽기큐레이션 요약

피그마 프로토타

고해상도 프로토타입은 사용자 테스트, 개발자 핸드오프, 디자인 리뷰에서 실제 사용 경험을 검증하고 팀의 합의를 돕는다. 이 글은 Figma의 최신 프로토타이핑 기능을 활용해 15일 동안 기초 기능부터 복잡한 인터랙션까지 단계적으로 익히는 챌린지를 소개한다. 특히 Smart Animate와 인터랙티브 컴포넌트를 조합하면 연결 작업을 줄이면서도 풍부한 마이크로인터랙션을 구현할 수 있다. ## 프로토타이핑 챌린지의 목적 - 2주 동안 매일 하나의 프로토타이핑 기법을 연습하도록 구성했다. - 기초적인 전환 효과에서 시작해 점차 복잡한 프로토타입으로 발전한다. - 사용자 테스트, 개발자 전달, 디자인 크리틱에 활용할 수 있는 고해상도 프로토타입 제작을 목표로 한다. - Figma Community 파일을 함께 제공해 각 단계의 결과물을 직접 확인하고 실습할 수 있도록 했다. - 실제 참여자들은 지도 인터랙션, 디지털카메라의 확대·축소 및 사진 촬영 애니메이션 등을 제작했다. ## Smart Animate로 자연스러운 전환 만들기 - Smart Animate는 화면 간 레이어의 변화를 자동으로 보간해 자연스러운 애니메이션을 만든다. - 화면 사이에서 대응되는 레이어의 이름을 동일하게 유지해야 올바르게 매칭된다. - 고해상도 프로토타입에서 기본 전환 효과로 활용하기 좋다. - 다른 전환 방식과 함께 사용하면 단순한 화면 이동보다 정교한 전환을 만들 수 있다. ## Smart Animate와 프리셋 전환 조합 - Smart Animate 매칭 레이어는 Slide, Push 같은 기본 전환 효과와 함께 사용할 수 있다. - 화면 전체는 프리셋 전환으로 이동시키고, 일부 요소는 Smart Animate로 자연스럽게 변화시킬 수 있다. - 탭 내비게이션처럼 선택 상태와 콘텐츠 위치가 동시에 바뀌는 인터페이스에 유용하다. - 레이어 구조와 이름을 일관되게 관리하는 것이 안정적인 애니메이션의 핵심이다. ## 인터랙티브 컴포넌트 - 인터랙티브 컴포넌트는 하나의 컴포넌트 세트 안에서 여러 Variant 간 상호작용과 애니메이션을 정의하는 기능이다. - 컴포넌트의 Variant 사이에 프로토타이핑 링크를 연결하면 인스턴스가 프로토타이핑 모드에서 즉시 동작한다. - 버튼, 토글, 체크박스처럼 반복되는 UI 요소에 상태 변화와 마이크로인터랙션을 내장할 수 있다. - 개별 화면마다 링크를 반복해서 연결할 필요가 없어 프로토타입의 크기와 복잡도를 줄인다. ## 중첩 인터랙티브 컴포넌트 - 인터랙티브 컴포넌트를 다른 컴포넌트 안에 중첩하면 더 복잡한 동작을 조합할 수 있다. - 예를 들어 리스트 아이템 내부에 선택, 토글, 확장 등의 상호작용을 포함할 수 있다. - 각 Variant 사이에 필요한 프로토타이핑 링크 수를 줄일 수 있다. - 재사용 가능한 컴포넌트 자체에 동작을 포함하므로 여러 화면에서 일관된 인터랙션을 유지하기 쉽다. ## 모바일 하단 내비게이션 구현 - 첫 4일 동안 배운 Smart Animate, 레이어 매칭, 인터랙티브 컴포넌트, 중첩 컴포넌트를 하나의 모바일 프로토타입에 적용한다. - 인터랙티브 하단 내비게이션을 만들어 탭 선택 상태와 화면 전환을 표현한다. - 여러 화면에 동일한 내비게이션을 배치하더라도 컴포넌트 기반으로 관리해 연결 작업을 줄일 수 있다. - 기본 기능을 독립적으로 익힌 뒤 실제 화면 구조에 통합하는 점진적 학습 방식이 특징이다. ## 실용적인 적용 방법 - 먼저 레이어 이름과 구조를 화면 간 일관되게 정리한 뒤 Smart Animate를 적용한다. - 반복되는 UI 요소는 인터랙티브 컴포넌트로 만들어 상태와 애니메이션을 재사용한다. - 작은 마이크로인터랙션부터 시작해 탭 내비게이션이나 모바일 전체 흐름으로 확장하는 것이 좋다. - 제공된 Community 파일을 단계별로 복제해 직접 수정하면서 기능 차이를 확인하면 학습 효과를 높일 수 있다.

원문 읽기(새 탭에서 열림)
Figma프로토타이핑user-testinginteractive-components+2
figma2분 읽기큐레이션 요약

Figma의 새로운 소식:

2021년 11월 Figma 업데이트는 팀이 작업 흐름을 끊지 않고 더 빠르게 협업하도록 돕는 데 초점을 맞췄다. 특히 피드백을 남기고 관리하는 댓글 기능을 개선했으며, Figma와 FigJam 안에서 음성 대화와 오디오 피드백을 더 많은 사용자가 이용할 수 있도록 자막 기능을 베타로 도입했다. 핵심 방향은 아이디어를 공유하고 논의하는 과정을 디자인 파일 안에서 더욱 직관적이고 포용적으로 만드는 것이다. ## 댓글 기능 개편으로 피드백 처리 개선 - Figma와 FigJam의 댓글이 더 눈에 잘 띄도록 시각적으로 강화됐다. - 댓글을 추가하고 답변하는 과정이 직관적으로 바뀌어 협업자의 의견을 더 쉽게 수집할 수 있다. - 디자이너는 피드백을 확인하고 관리하며, 작업물에 반영하는 과정을 보다 효율적으로 진행할 수 있다. - 다양한 직군의 구성원이 디자인 과정에 참여하는 상황을 고려해, 피드백을 공유하고 실행하는 흐름을 단순화했다. - 목표는 아이디어 구상부터 구체적인 결과물 제작까지, 피드백 때문에 작업 흐름이 끊기지 않도록 하는 것이다. ## Figma·FigJam 내 커뮤니케이션 확장 - 몇 달 전 도입된 오디오 기능을 통해 같은 파일 안에서 팀원과 음성으로 대화할 수 있게 했다. - 커서 채팅을 사용하면 별도의 창으로 이동하지 않고 현재 커서 위치를 통해 질문이나 짧은 메시지를 전달할 수 있다. - FigJam에서는 협업 중 하이파이브와 같은 반응을 보내며 보다 가볍고 즉각적으로 소통할 수 있다. - 디자인 작업, 아이디어 회의, 피드백 논의를 하나의 파일 안에서 이어갈 수 있도록 커뮤니케이션 수단을 확장했다. ## 오디오 자막으로 접근성 강화 - 청각장애인 및 난청 사용자를 위해 Figma 데스크톱 앱에서 실시간 폐쇄 자막 기능을 베타로 제공했다. - 오디오 통화 중 누가 말하고 있는지, 어떤 내용을 말하는지 더 명확하게 확인할 수 있다. - 음성 기반 피드백에 참여하기 어려운 사용자도 팀의 논의와 의사결정을 따라갈 수 있도록 지원한다. - 협업 파일에 참여한 모든 사람이 중요한 논의에 접근할 수 있게 해, Figma의 실시간 협업 기능을 더욱 포용적으로 만들었다. 실무에서는 댓글을 단순한 메모가 아니라 작업 항목으로 활용하고, 음성 피드백이 중요한 팀이라면 오디오 자막 베타 기능을 함께 사용해 구성원 모두가 논의 내용을 확인할 수 있도록 하는 것이 좋다.

원문 읽기(새 탭에서 열림)
Figmafigjam접근성collaborative-design+2