TL;DR
Figma가 코드 레이어, 모션·셰이더 지원, 그리고 AI 기반 커스텀 플러그인 생성 기능을 도입해 디자인 캔버스에서 코드와 시각적 표현을 더 밀접하게 결합할 수 있게 되었다. 이 업데이트는 기존의 별도 툴에서 애니메이션과 셰이더를 만들고 변환하던 과정을 캔버스 내부로 끌어들여 프로토타이핑 흐름을 단축한다. 또한 Weavy 인수로 확보한 노드 기반 워크플로를 캔버스에 통합하고 Claude Code와 Codex 같은 코드 보조 에이전트와의 연계를 강화해 디자인-개발 간 핸드오프를 부드럽게 만든다.
새로운 코드 레이어는 레포지토리 복제와 코드에서 디자인 레이어로의 흐름 추출을 허용해 사용자가 빠르게 아이디어를 실험하고 시각적 테스트를 실행할 수 있도록 설계되었다. 애니메이션, 전환, 3D 변환과 같은 모션 요소는 이제 외부 변환 없이 캔버스 내에서 구성할 수 있으며 AI는 셰이더 효과와 채우기(fill)를 생성해 디자인 자산을 보강한다. 향후 업데이트로 Weavy 워크플로를 Figma 내부에서 직접 생성할 수 있게 되어 다중 모델 비교와 출력물 선택이 더 쉬워진다.
AI 어시스턴트의 '스킬' 기능을 통해 사용자는 텍스트 프롬프트로 반복 가능한 작업을 정의하고 Notion, Granola, Excel, GitHub 같은 외부 도구를 연결해 에이전트가 문맥을 가진 작업을 수행하도록 할 수 있다. 커스텀 플러그인 생성 기능은 레이아웃 생성기나 벡터 경로 추적기 같은 도구를 프롬프트로 설계해 개발 역량이 제한적인 디자이너도 반복 도구를 만들 수 있게 한다. 이 변화는 초기 반복과 프로토타이핑 속도를 크게 올릴 수 있지만, 제품 수준의 품질 높은 코드가 필요한 단계와의 경계는 여전히 존재한다.
섹션별 상세


실무 Takeaway
- 코드 레이어를 통해 레포지토리나 코드 스니펫을 캔버스에 직접 넣어 디자인-코드 간 초기 핸드오프를 단축할 수 있으므로 프로토타입 반복 속도가 증가한다.
- 모션·셰이더와 같은 시각 효과를 캔버스 내에서 AI로 생성하면 외부 툴 전환 없이 다양한 시각적 대안을 빠르게 실험할 수 있어 디자인 탐색의 비용과 시간이 줄어든다.
- 텍스트 프롬프트로 정의 가능한 AI 스킬과 외부 도구 연동을 활용하면 반복 검사와 데이터 결합 작업을 자동화할 수 있어 협업 흐름의 문맥 전달과 작업 효율이 향상된다.
AI 요약 · 북마크 · 개인 피드 설정 — 무료
출처 · 인용 안내
인용 시 "요약 출처: AI Trends (aitrends.kr)"를 표기하고, 사실 확인은 원문 보기 기준으로 진행해 주세요. 자세한 기준은 운영 정책을 참고해 주세요.