피그마, 깃허브·커서 맞손…"AI 코딩·디자인 협업 강화"

'코드 투 캔버스' 확장…라운드 트립' 개발 환경 구축

피그마가 인공지능(AI) 코딩 도구·디자인 플랫폼 연결 기능을 확장했다.

피그마는 깃허브 코파일럿, 커서를 새로운 파트너로 추가하며 '코드 투 캔버스(Code to Canvas)'를 업그레이드했다고 13일 밝혔다. 개발자는 코드를 통해 빠르게 아이디어를 구현하고 팀은 피그마 캔버스를 활용해 디자인을 탐색하고 반복 개선할 수 있다.

이번 기능은 피그마 모델 컨텍스트 프로토콜(MCP) 서버 기반으로 작동한다. 사용자는 코딩 환경에서 생성한 인터페이스를 피그마 디자인 캔버스로 가져와 편집하고 다시 코드로 변환할 수 있다. 이 과정에서 디자인과 코드가 양방향으로 연결되는 '라운드 트립(round-trip)' 워크플로가 구현된다. 

피그마가 인공지능(AI) 코딩 도구·디자인 플랫폼 연결 기능을 확장했다.

피그마 디자인은 정적 이미지가 아니라 반응형 레이아웃과 인터랙션 정보 등 제품 설계 맥락을 포함한다. 개발자는 코딩 환경을 벗어나지 않고도 디자인 정보를 확인할 수 있다. 디자인과 개발 사이 협업 과정에서 발생하는 반복 작업도 줄어든다. 

이번 확장은 기존에 제공되던 오픈AI 코덱스와 앤트로픽 클로드 코드 통합 기능에 이어 진행됐다. 현재 깃허브 코파일럿 사용자는 비주얼 스튜디오 코드에서 기능을 사용할 수 있으며 코파일럿 CLI 지원도 앞뒀다.

딜런 필드 피그마 공동창업자 겸 최고경영자(CEO)는 "어디서 시작하든 코드와 캔버스 사이 루프를 완성할 수 있도록 MCP 파트너를 더욱 확대하고 있다"며 "AI로 누구나 자신이 구상한 것을 쉽게 만들 수 있는 시대가 되면서 제품을 차별화하는 핵심 요소는 결국 디자인"이라고 밝혔다.