Figma now has AI motion graphics and shader tools

개요

Figma는 AI 기반의 모션 그래픽 및 셰이더 도구를 포함한 새로운 디자인 및 코딩 제품 업데이트를 발표하며, 크리에이터들이 아이디어를 확장하고 반복적인 작업을 자동화하도록 지원한다.

주요 내용

* 코드 레이어(Code layers): Figma Design 캔버스 내에서 직접 코드 작업을 수행하며, 리포지토리를 클론하거나, 에이전트를 통해 새로운 방향을 생성하고, 디자인 레이어로 플로우를 추출하며, 변경 사항을 코드로 동기화할 수 있다.
* 모션(Motion): Figma에서 직접 애니메이션, 전환 효과, 3D 변환을 디자인할 수 있으며, AI 프롬프트를 통해 애니메이션을 생성하거나, 사전 설정된 스타일을 적용하거나, 타임라인에서 수동으로 조정할 수 있다. 이 기능은 디자인 시스템과 연동되며 코드 기반으로 바로 출시 가능하다.
* 셰이더(Shaders): WebGPU를 기반으로 하는 사용자 정의 비주얼 처리를 위해 셰이더 효과 및 필드를 생성할 수 있으며, 이전에는 Figma에서 불가능했던 dither, pixelate, 다양한 blur 타입과 같은 효과를 캔버스에서 직접 만들 수 있다.
* Figma Weave 워크플로우: 20개 이상의 통합 Weave 도구를 사용하여 Figma에서 일관되고 고품질의 비주얼을 생성하며, 복잡한 AI 워크플로우를 캔버스상의 단순한 도구로 전환한다. 이는 올해 말 예상되는 Figma와 Figma Weave의 완전 통합을 위한 첫 단계이다.
* 에이전트 스킬 및 심층 컨텍스트: 에이전트를 통해 반복적인 작업을 팀 전체가 사용할 수 있는 스킬로 전환하여 더 정확하고 일관된 작업을 수행할 수 있으며, 타사 커넥터, 웹 검색, 파일 첨부를 통해 더 많은 컨텍스트를 활용할 수 있다.
* 생성형 플러그인(Generative plugins): 에이전트를 사용하여 사용자 정의 가능하고 재사용 가능한 플러그인을 빌드하여 Figma의 기능을 확장할 수 있다. 프롬프트를 도구로 전환하여 조정 및 공유할 수 있으며, 개발자 설정이나 기술적 전문성이 요구되지 않는다.

시사점

Figma의 이번 업데이트는 AI를 적극적으로 통합하여 디자인 및 코딩 워크플로우를 혁신하고, 크리에이터의 생산성을 향상시키며, 기술적인 제약 없이 복잡한 비주얼 효과를 구현할 수 있는 새로운 가능성을 제시한다.