피그마, 깃허브 코파일럿・커서 등 ‘코드투캔버스’ 확장

협업 디자인 및 제품 개발 플랫폼 피그마는 깃허브 코파일럿, 커서 등을 새로운 파트너로 추가하며 ‘코드 투 캔버스(Code to Canvas)’ 기능을 확장했다고 13일 밝혔다.

피그마 MCP 서버를 기반으로 사용자는 에이전트형 코딩 도구에서 생성된 UI를 피그마 캔버스에서 편집 가능한 디자인으로 변환하고, 피그마의 디자인을 맥락을 유지한 채 다시 코드로 가져올 수 있다.

피그마 MCP 서버는 팀이 어디서든 개발을 시작할 수 있는 워크플로우를 지원한다. 개발자는 코드를 활용해 아이디어를 빠르게 구현하고 테스트할 수 있으며, 피그마의 무한 디자인 캔버스를 통해 팀이 함께 탐색하고 반복하며 디자인을 발전시킬 수 있다. 그 결과 디자인과 코드 사이에서 양방향으로 이어지는 ‘라운드 트립(round-trip)’ 루프가 구현된다.

피그마 플랫폼에서 디자인은 단순한 정적 이미지에 그치지 않는다. 피그마 디자인에는 반응형 레이아웃과 인터랙션 세부 정보, 경우에 따라 전체 시각적 시스템까지 포함된다. 개발자는 코딩 환경을 벗어나지 않고도 피그마 디자인 컨텍스트에 접근할 수 있으며, 이를 통해 디자인과 개발 간 정보 공유 및 협업에 필요한 노력을 줄이고 제품 개발 과정의 반복 작업을 보다 효율적으로 진행할 수 있다. 그 결과 보다 현실적인 프로토타입 제작이 가능해지고 불필요한 재개발을 줄이며, 실제 문제 해결과 차별화된 제품 개발에 더 많은 시간을 투자할 수 있다.

이번 확장은 기존에 제공되던 오픈AI 코덱스, 앤트로픽 클로드 코드 등과 통합 기능에 더해지는 것이다. 현재 깃허브 코파일럿 사용자는 비주얼 스튜디오 코드(VS Code)에서 사용할 수 있으며, 깃허브 코파일럿 CLI도 곧 지원될 예정이다.

피그마는 앞으로도 디자인에서 개발에 이르는 제품 개발 과정을 더욱 매끄럽게 연결해 팀이 아이디어를 보다 빠르고 효율적으로 실제 제품으로 구현할 수 있도록 지원할 계획이다.

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

글. 바이라인네트워크
<김우용 기자>yong2@byline.network