Figma AI를 소개 (새 탭에서 열림)
Config 2024는 AI 기술의 본격업인 통합과 사용자 인터페이스의 대대적인 변화(UI3)를 통해 디자인 프로세스의 패러다임 전환을 선언했습니다. 피그마는 단순한 디자인 도구를 넘어 프레젠테이션(Figma Slides)과 개발 협업 기능을 아우르는 통합 플랫폼으로서의 입지를 공고히 했습니다. 이번 업데이트의 핵심 결론은 AI가 디자이너의 보조 도구를 넘어, 워크플로우 전반의 효율성을 극대화하고 디자인과 개발 사이의 간극을 좁히는 필수 요소가 되었다는 점입니다. **Figma AI: 인공지능 기반의 생산성 혁신** - 'Make Design' 기능을 통해 텍스트 프롬프트만으로 모바일 및 웹 UI의 초안을 신속하게 생성할 수 있습니다. - 시각적 유사성을 바탕으로 디자인 에셋을 찾는 'Visual Search'와 레이어 이름을 자동으로 정리해 주는 기능을 통해 반복적인 관리 업무를 자동화했습니다. - 실제 데이터와 유사한 텍스트 및 이미지를 생성형 AI로 채워 넣는 기능을 지원하여 프로토타입의 현실감을 높였습니다. **UI3: 캔버스 중심의 새로운 인터페이스** - 피그마 출시 이후 세 번째로 진행된 대규모 UI 개편으로, 도구 모음을 하단으로 옮기고 패널을 플로팅 형태로 변경하여 디자인 캔버스 영역을 최대화했습니다. - 복잡한 메뉴를 간소화하고 상황에 맞는 옵션을 직관적으로 제공하여, 숙련된 디자이너뿐만 아니라 입문자도 쉽게 도구에 적응할 수 있도록 설계되었습니다. - 디자인 시스템의 속성이나 변수(Variables)를 더 쉽게 관리할 수 있도록 속성 패널의 가독성을 대폭 개선했습니다. **Figma Slides: 디자이너를 위한 프레젠테이션 도구** - 별도의 도구 없이 피그마 내에서 바로 발표 자료를 제작할 수 있는 'Figma Slides'가 도입되었습니다. - 피그마의 디자인 기능을 그대로 활용하면서도 프레젠테이션에 최적화된 그리드와 정렬 기능을 제공하며, 라이브 프로토타입을 슬라이드 내에 직접 삽입할 수 있습니다. - AI를 활용하여 슬라이드의 톤앤매너를 조정하거나 텍스트를 재작성하는 기능을 포함하여 협업 중심의 발표 환경을 구축했습니다. **개발 협업 강화 및 Code Connect** - 개발자 모드(Dev Mode)에 'Code Connect' 기능을 도입하여, 실제 프로덕션 코드(React, SwiftUI 등)를 피그마 컴포넌트와 연결해 개발자가 정확한 구현 코드를 확인할 수 있게 했습니다. - 디자인 작업의 진행 상태를 명확히 구분할 수 있도록 상태 레이블 기능을 강화하여 디자인-개발 간의 핸드오프 과정에서 발생하는 커뮤니케이션 오류를 줄였습니다. - 멀티 에디팅 기능을 통해 여러 프레임에 걸친 동일한 요소를 한 번에 수정할 수 있어 디자인 시스템 운영 효율을 높였습니다. 디자이너들은 이제 AI가 생성한 결과물을 검토하고 조율하는 '디렉터'로서의 역량이 더욱 중요해졌습니다. 새로 도입된 UI3와 AI 기능을 적극적으로 워크플로우에 통합하여 단순 반복 작업 시간을 줄이고, 제품의 핵심 로직과 사용자 경험 설계에 더 많은 시간을 할당할 것을 권장합니다.