피그마의 Config 2024는 디자인과 개발의 경계를 허물고 AI를 통한 생산성 극대화를 핵심 비전으로 제시했습니다. 이번 행사에서는 사용자의 의도를 파악하여 시안을 생성하는 'Figma AI'와 협업을 위한 새로운 제품인 'Figma Slides'가 공개되었으며, 이는 디자이너를 넘어 제품 팀 전체의 워크플로우를 혁신하는 데 초점을 맞추고 있습니다. 결과적으로 피그마는 단순한 디자인 도구를 넘어 아이디어를 제품으로 구현하는 통합 플랫폼으로 진화했음을 선포했습니다.

Figma AI: 지능형 워크플로우의 도입

사용자가 프롬프트를 입력하면 레이아웃과 컴포넌트를 포함한 첫 번째 디자인 시안을 즉시 생성하여 '빈 화면'에서 시작하는 막막함을 해소합니다.
레이어 이름을 자동으로 지정하거나 이미지의 배경을 제거하고, 텍스트의 톤을 변경하는 등 반복적이고 소모적인 작업을 AI가 대신 처리합니다.
시각적 검색 기능을 통해 팀의 자산 라이브러리에서 유사한 디자인이나 컴포넌트를 빠르게 찾아내어 디자인 시스템의 재사용성을 높였습니다.

UI3와 새로운 제품군 Figma Slides

캔버스 공간을 최대한 확보하기 위해 툴바를 하단으로 옮기고 패널을 유연하게 조정할 수 있는 새로운 인터페이스인 'UI3'를 도입하여 작업 몰입도를 높였습니다.
피그마 내에서 직접 프레젠테이션을 제작할 수 있는 'Figma Slides'가 출시되어, 별도의 도구 없이도 디자인 프로토타입을 슬라이드에 삽입하고 실시간으로 협업하며 발표할 수 있습니다.
슬라이드 내에서도 AI 기능을 활용해 텍스트의 길이를 조정하거나 전체적인 톤을 일관되게 맞출 수 있는 기능을 제공합니다.

Dev Mode와 Code Connect를 통한 개발 협업 강화

'Code Connect' 기능을 통해 디자인 시스템의 컴포넌트와 실제 프로덕션 코드(React, SwiftUI, Jetpack Compose 등)를 직접 연결합니다.
개발자는 피그마 내에서 디자인 시스템 가이드라인에 맞는 실제 코드 스니펫을 바로 확인할 수 있어, 디자인과 구현체 사이의 간극을 최소화합니다.
개발자 모드의 향상된 상태 관리 기능을 통해 어떤 디자인이 개발 대기 중인지, 수정되었는지 등을 명확하게 추적할 수 있습니다.

멀티 에디팅 및 디자인 시스템 고도화

여러 프레임에 걸쳐 있는 동일한 객체를 한 번에 선택하여 수정할 수 있는 멀티 에디팅 기능을 통해 단순 반복 수정 시간을 획기적으로 단축했습니다.
변수(Variables) 기능이 더욱 정교해져 복잡한 디자인 토큰과 모드 전환을 보다 체계적으로 관리할 수 있게 되었습니다.

이번 업데이트는 AI를 디자인 프로세스의 핵심으로 수용하여 창의적인 작업에 더 많은 시간을 할당할 수 있도록 설계되었습니다. 실무에서는 새롭게 도입된 UI3와 AI 기능을 적극적으로 활용하여 초기 기획 및 시안 제작 단계를 가속화하고, Code Connect를 통해 디자인 시스템의 유지보수 효율을 높이는 전략이 필요할 것입니다.