피그마(Figma)는 디자인 워크플로우에서 발생하는 미세한 마찰을 줄이고 작업 효율을 극대화하기 위해 32가지의 '작지만 큰' 업데이트를 단행했습니다. 이번 업데이트는 특히 프로토타이핑의 논리 구조를 단순화하고, 디자인 시스템 관리의 정교함을 높이며, 개발자와의 협업 환경을 개선하는 데 중점을 두었습니다. 도구의 제약을 줄임으로써 디자이너가 복잡한 우회 방법 대신 직관적인 방식으로 창의적인 아이디어를 구현할 수 있도록 지원하는 것이 결론입니다.

프로토타이핑의 인터랙션 및 논리 강화

다중 동작 실행(Multiple Actions): 이제 하나의 트리거로 여러 개의 동작을 동시에 실행할 수 있습니다. 예를 들어, 버튼 하나를 클릭했을 때 오버레이를 닫는 동시에 변수 값을 변경하고 다른 페이지로 이동하는 연쇄 작업을 한 번에 설정할 수 있어 프로토타이핑 구조가 획기적으로 단순해졌습니다.
스크롤 위치 유지 및 상태 보존: 프레임 간 이동 시 스크롤 위치를 유지하거나, 복잡한 컴포넌트의 상태를 기억하는 기능이 강화되어 더욱 실제 앱과 유사한 사용자 경험을 테스트할 수 있습니다.
인라인 미리보기 개선: 프로토타입 작업 중 캔버스 내에서 즉시 인터랙션을 확인할 수 있는 미리보기 창의 성능이 개선되어, 편집과 검증 사이의 흐름이 끊기지 않습니다.

디자인 시스템 및 레이어 관리의 효율화

변수(Variables) 및 스타일 정렬: 디자인 시스템 관리자들은 이제 드래그 앤 드롭을 통해 변수와 스타일의 순서를 자유롭게 재배치할 수 있습니다. 이는 팀 라이브러리를 배포할 때 사용자가 원하는 순서대로 속성을 노출할 수 있게 해줍니다.
레이어 패널 검색 기능: 수많은 레이어 사이에서 특정 요소를 찾기 위해 스크롤할 필요 없이, 레이어 패널 내 검색창을 통해 이름이나 속성별로 빠르게 요소를 필터링하고 선택할 수 있습니다.
멀티 에디팅(Multi-editing) 고도화: 여러 캔버스에 흩어져 있는 동일한 이름의 레이어나 객체를 한 번에 선택하고 일괄 수정하는 기능이 정교해져 반복 작업 시간을 대폭 단축했습니다.

개발자 협업 및 핸드오프(Handoff) 편의성

개발 모드(Dev Mode) 가시성 향상: 개발자가 디자인 사양을 확인할 때 컴포넌트의 속성, 변수 값, 에셋 경로 등을 더 명확하게 식별할 수 있도록 UI가 개선되었습니다.
섹션 상태 표시: 디자인이 완료되었는지, 혹은 수정 중인지를 나타내는 섹션 상태 표시 기능을 통해 개발자와의 커뮤니케이션 오류를 줄이고 협업의 병목 현상을 해결했습니다.

이번 업데이트의 기능들은 개별적으로는 사소해 보일 수 있으나, 매일 피그마를 사용하는 디자이너들에게는 수백 번의 클릭을 줄여주는 실질적인 생산성 향상을 제공합니다. 특히 다중 동작 실행 기능을 활용해 복잡한 프로토타입의 레이어 수를 줄이고, 디자인 시스템의 변수 정렬 기능을 통해 팀 내 협업 가이드를 더욱 명확하게 구축해 보시길 권장합니다.