피그마, 코드 레이어·애니메이션·AI 기능 추가
원제: Figma adds code layers, support for animations, more AI features in new update
왜 중요한가
디자인-개발 협업의 주요 병목인 코드 통합을 강화해 워크플로우 효율화를 이루며, AI 기능 확대로 산업 전환에 대응하는 디자인 도구의 경쟁력 강화를 시사한다.
디자인 협업 플랫폼 피그마가 24일 코드 레이어 지원, 애니메이션·3D 변형 기능, AI 기반 커스텀 플러그인 생성 기능을 추가했다. 지난해 AI 프로토타이핑 도구 '피그마 메이크'를 선보인 데 이어 코드와 디자인 간 통합을 강화하는 업데이트다.
피그마는 신규 업데이트를 통해 협업 캔버스에 코드 레이어를 직접 추가할 수 있도록 지원한다. 이 기능은 디자이너, 프로덕트 매니저, 프로그래머가 저장소를 복제하고 코드에서 흐름을 추출해 디자인 레이어로 변환할 수 있게 한다. 피그마의 최고 프로덕트 책임자 유키 야마시타는 "코드 레이어를 통해 팀은 프로덕션 수준의 완성도보다는 신속한 아이디어 반복에 집중할 수 있다"고 설명했다.
또한 피그마는 애니메이션, 전환 효과, 3D 변형을 기본 지원하기 시작한다. 이전에는 디자이너가 다른 소프트웨어에서 애니메이션을 만들고 코드로 변환해야 했다. 이제는 피그마 내에서 직접 애니메이션을 통합할 수 있다.
AI 기반 기능도 확대된다. 사용자는 텍스트 프롬프트를 통해 반복 가능한 스킬을 만들어 AI 에이전트가 사용하게 할 수 있다. 노션, 그래놀라, 엑셀, 깃허브 같은 외부 도구를 연결하거나 파일을 첨부해 AI 봇에 더 많은 맥락을 제공할 수 있다. 레이아웃 생성기나 벡터 경로 추적기 같은 커스텀 플러그인도 프롬프트로 생성 가능하다.
셰이더 효과와 채우기도 AI로 생성할 수 있다. 피그마는 지난해 노드 기반 도구 '웨이비'를 인수한 후 올해 말 피그마 내에서 웨이비 워크플로우를 직접 생성할 수 있게 통합할 계획이다.