Figma의 새로운 기능: 2 (새 탭에서 열림)

Figma는 사용자들의 피드백을 적극 반영하여 디자인 워크플로우 전반에 걸친 32가지의 세밀한 기능 개선과 수정을 단행했습니다. 이번 업데이트는 단순히 새로운 기능을 추가하는 것을 넘어, 변수 관리, 오토 레이아웃, 프로토타이핑 등 기존 작업 프로세스에서 발생하던 병목 현상을 해결하는 데 집중했습니다. 이를 통해 디자이너는 복잡한 관리 작업에 드는 시간을 줄이고 창의적인 문제 해결에 더 몰입할 수 있는 환경을 구축할 수 있게 되었습니다.

변수(Variables) 및 라이브러리 관리 효율화

  • 대량 편집 기능: 여러 개의 변수를 한 번에 선택하여 그룹화하거나 삭제하고, 스코핑(Scoping) 설정을 일괄 변경할 수 있어 대규모 디자인 시스템 관리가 훨씬 수월해졌습니다.
  • 스코핑 제어: 특정 변수가 나타날 위치(예: 채우기, 테두리, 텍스트 등)를 정교하게 제한함으로써, 디자이너가 의도하지 않은 속성에 변수를 적용하는 실수를 방지합니다.
  • 코드 구문(Code Syntax) 지원: 변수에 개발용 이름을 매핑할 수 있는 기능을 강화하여 디자인 사양을 코드로 전환할 때 개발자와의 소통 비용을 낮췄습니다.

정교한 레이아웃 제어와 편집 경험 개선

  • 획(Stroke) 정렬 개선: 오토 레이아웃이 적용된 요소 내에서도 획의 위치(안쪽, 중앙, 바깥쪽)를 자유롭게 설정할 수 있어, 디자인 의도에 맞는 정밀한 레이아웃 구현이 가능합니다.
  • 레이어 탐색 및 필터링: 레이어 패널에서 특정 속성이나 유형을 기준으로 개체를 검색하고 필터링하는 기능이 강화되어, 복잡하고 방대한 캔버스 내에서도 원하는 요소를 즉각적으로 찾을 수 있습니다.
  • 텍스트 편집 편의성: 캔버스에서 텍스트 스타일을 검색하거나 교체하는 과정이 간소화되었으며, 폰트 목록을 탐색할 때의 성능과 시각적 피드백이 개선되었습니다.

프로토타이핑 및 워크플로우 최적화

  • 다중 인터랙션 편집: 프로토타입 모드에서 여러 개의 연결선(Interactions)을 동시에 선택하고 수정할 수 있는 기능이 추가되어, 반복적인 인터랙션 설정 시간을 크게 단축했습니다.
  • 상태 관리 및 조건부 로직: 변수와 조건을 활용한 프로토타이핑 시, 설정 창의 UI가 개선되어 복잡한 인터랙션 흐름을 더 직관적으로 파악하고 관리할 수 있습니다.
  • 파일 관리 및 이동: 파일 브라우저에서 프로젝트 간 파일을 이동하거나 폴더를 정리할 때의 드래그 앤 드롭 경험을 개선하여 작업 공간 관리의 편의성을 높였습니다.

이번 'Little Big Updates'는 대규모 기능 출시만큼이나 실제 실무자들의 일상적인 고충을 해결하는 데 큰 비중을 두고 있습니다. 특히 변수 스코핑과 오토 레이아웃의 세부 설정 개선은 디자인 시스템의 무결성을 유지하는 데 필수적이므로, 현재 작업 중인 라이브러리에 이러한 디테일을 즉시 반영하여 협업 효율을 극대화해 보시길 권장합니다.