Framework by Figma에 여러분을 초대합니다 (새 탭에서 열림)
Figma는 'Framework' 이벤트를 통해 디자인과 엔지니어링 간의 간극을 줄이고 전체 개발 프로세스를 가속화하기 위한 대규모 업데이트를 발표했습니다. 이번 발표의 핵심은 디자인 시스템의 효율적 관리와 고도화된 프로토타이핑 기능을 통해 팀의 생산성을 극대화하고, 디자인 데이터를 코드로 전환하는 과정을 더욱 정교하게 만드는 데 있습니다. 결과적으로 Figma는 단순한 디자인 도구를 넘어 디자인과 개발이 긴밀하게 연결되는 통합 제품 구축 플랫폼으로 진화하고 있습니다.
디자인 시스템의 관리 효율화와 Multi-edit 도입
- 여러 프레임에 걸쳐 있는 동일한 객체를 한 번에 수정할 수 있는 Multi-edit 기능을 도입하여 디자인 시스템 유지보수에 소요되는 반복 작업을 획기적으로 단축했습니다.
- 디자인 시스템의 핵심 요소인 변수(Variables) 기능을 강화하여 복잡한 테마나 상태를 더욱 체계적으로 관리할 수 있도록 지원합니다.
- 라이브러리 업데이트 시 변경 사항을 시각적으로 확인하고 비교할 수 있는 기능을 제공하여 시스템의 일관성을 보장합니다.
엔지니어링 워크플로우 및 Dev Mode 강화
- 개발자가 디자인 의도를 정확하게 파악하고 코드를 추출할 수 있도록 Dev Mode의 가독성과 탐색 기능을 대폭 개선했습니다.
- Figma API를 통해 디자인 토큰이나 자산을 코드 베이스와 직접 동기화하는 자동화 파이프라인 구축이 더욱 용이해졌습니다.
- 플러그인 생태계를 확장하여 엔지니어링 도구와의 통합성을 높이고 디자인 시스템에서 바로 코드를 생성하는 워크플로우를 지원합니다.
지능형 프로토타이핑과 제품 업데이트
- 프로토타이핑 영역에도 Multi-edit 기술을 적용하여, 여러 화면의 인터랙션을 개별적으로 설정할 필요 없이 일괄적으로 연결하고 수정할 수 있습니다.
- 더욱 정교한 애니메이션과 상태 전환(State transitions) 효과를 추가하여 실제 완성된 제품에 가까운 사용자 경험을 미리 검증할 수 있습니다.
- 전반적인 제품 성능 최적화를 통해 대규모 디자인 파일에서도 끊김 없는 줌(Zoom)과 레이어 탐색이 가능하도록 사용자 경험을 개선했습니다.
내부 운영 혁신과 최신 소식
- Inside Figma 섹션을 통해 Figma 팀이 실제로 디자인 시스템을 어떻게 운영하고 엔지니어링 협업을 실천하고 있는지에 대한 베스트 프랙티스를 공유했습니다.
- 커뮤니티와 기업 사용자를 위한 새로운 요금제 옵션 및 보안 기능 업데이트 등 비즈니스 환경에 최적화된 소식들을 발표했습니다.
이번 업데이트는 특히 대규모 팀이나 디자인 시스템을 운영하는 조직에게 큰 효용을 제공합니다. 반복적인 수정 작업을 자동화하는 Multi-edit 기능을 우선적으로 업무에 도입하고, 강화된 Dev Mode를 통해 디자이너와 엔지니어 간의 소통 비용을 줄임으로써 제품 출시 속도를 가속화할 것을 권장합니다.