피그마 캔버스에서 바로 작업하는 AI 에이전트

피그마가 AI 에이전트가 직접 디자인 캔버스에서 작업할 수 있는 기능을 공개했습니다. 이제 클로드 코드와 코덱스 같은 MCP 클라이언트는 피그마의 MCP 서버와 use_figma 도구를 통해 피그마 파일 안에서 컴포넌트를 만들고 수정할 수 있습니다. 피그마는 여기에 스킬 기능도 붙였습니다. 스킬은 마크다운 파일 형태의 지침으로 팀의 디자인 판단 기준과 작업 순서를 에이전트에게 알려주는 역할을 합니다.

이번 변화의 핵심은 AI가 더 이상 막연한 화면만 만드는 것이 아니라는 점입니다. 기존에는 AI가 만든 디자인이 낯설고 비슷비슷하다는 지적이 많았습니다. 색상 체계와 버튼 여백 타이포그래피 인터랙션 같은 맥락을 충분히 알지 못했기 때문입니다. 피그마는 이제 에이전트가 디자인 시스템과 변수 그리고 컴포넌트 구조를 직접 참고하면서 캔버스 안에서 작업할 수 있게 했다고 설명했습니다. 제품 설계의 문맥을 AI가 더 깊게 반영할 수 있도록 하겠다는 뜻입니다.

기존 generate_figma_design 도구는 HTML을 편집 가능한 피그마 레이어로 바꾸는 데 초점이 있었습니다. 반면 새 use_figma 도구는 에이전트가 피그마 캔버스 자체에서 디자인을 수정하거나 새 자산을 만들 수 있게 합니다. 코드에서 시작하든 피그마에서 시작하든 하나의 흐름으로 연결하겠다는 전략입니다. 오픈AI의 코덱스 팀도 피그마 안의 디자인 문맥을 활용해 더 높은 완성도의 제품을 더 효율적으로 만들 수 있다고 평가했습니다.

피그마는 동시에 9개의 예시 스킬도 공개했습니다. 코드베이스에서 새 컴포넌트를 만드는 기능 기존 컴포넌트와 변수를 활용해 새 화면을 만드는 기능 접근성용 스크린 리더 명세를 생성하는 기능 디자인 시스템 연결 기능 토큰 동기화 기능 등이 포함됐습니다. 사용자는 플러그인을 만들거나 코드를 짜지 않아도 스킬을 직접 작성할 수 있습니다. 피그마는 이것이 에이전트가 팀의 의도와 기준을 더 잘 따르게 만드는 장치라고 설명했습니다.

이번 기능은 베타 기간 동안 무료로 제공되지만 이후에는 사용량 기반 유료 기능으로 전환될 예정입니다. 현재는 Augment Claude Code Codex Copilot CLI Cursor Warp 등 다양한 MCP 클라이언트와 연동됩니다. 피그마는 앞으로 이미지 지원과 커스텀 폰트 등도 추가해 플러그인 API 수준에 가까운 기능 범위를 갖추겠다고 밝혔습니다. 디자인 툴이 단순한 편집기를 넘어 AI 에이전트가 실제로 일하는 작업 공간으로 바뀌고 있다는 점에서 주목할 만한 변화입니다.

더 보기 및 출처

디자인 나침반 뉴스레터

최신 아티클

최신 아카데미

디자인 나침반 뉴스레터

Design for Business