협업 디자인 및 제품 개발 플랫폼 피그마(Figma)가 AI 기반 코딩 도구와의 연동을 확대하며 디자인과 개발을 연결하는 워크플로를 강화했다.

피그마는 깃허브 코파일럿(GitHub Copilot)과 커서(Cursor)를 새로운 파트너로 추가하고 ‘Code to Canvas’ 기능을 확장했다고 밝혔다. 이를 통해 코드에서 생성된 사용자 인터페이스(UI)를 디자인 캔버스로 가져와 수정하고, 다시 코드로 되돌리는 양방향 작업이 가능해졌다.

코드와 디자인을 잇는 ‘라운드 트립’ 워크플로 구현

이번 기능 확장의 핵심은 ‘Figma MCP Server’다. 해당 서버를 기반으로 사용자는 에이전트형 코딩 도구에서 생성한 UI를 피그마 캔버스에서 편집 가능한 디자인 형태로 변환할 수 있다. 또한 피그마에서 제작된 디자인을 디자인 맥락을 유지한 상태로 다시 코드 환경으로 가져올 수 있다.

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

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

디자인과 개발 협업 효율성 강화

피그마 플랫폼에서 디자인은 단순한 정적 이미지가 아니라 반응형 레이아웃과 인터랙션 세부 정보, 경우에 따라 전체 시각적 시스템까지 포함한다.

개발자는 코딩 환경을 벗어나지 않고도 피그마 디자인의 맥락에 접근할 수 있으며, 이를 통해 디자인과 개발 간 정보 공유에 필요한 노력을 줄일 수 있다. 이러한 방식은 제품 개발 과정에서 반복 작업을 줄이고 보다 현실적인 프로토타입 제작을 가능하게 한다.

또한 불필요한 재개발을 최소화해 개발자와 디자이너가 실제 문제 해결과 제품 차별화에 더 많은 시간을 투자할 수 있도록 지원한다는 것이 회사 측 설명이다.

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

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

웨비나 통해 최신 기능 소개

한편 피그마의 국내 공식 파트너사 단군소프트는 오는 19일 오후 2시 웨비나 ‘Release Notes’를 진행한다.

이번 웨비나에서는 피그마 최신 기능 시연과 함께 AI 기반 디자인, 제작, 드로잉, 협업, 창작 방식이 소개될 예정이다. Figma Make를 활용한 프로토타이핑 및 협업 방법, 벡터화 기능을 활용한 이미지의 편집 가능한 벡터 변환 등도 다뤄진다.

참가 신청 및 상세 내용은 단군소프트 인스타그램과 페이스북 채널을 통해 확인할 수 있다.

이준문 기자/jun@newstap.co.kr

ⓒ 뉴스탭(https://www.newstap.co.kr) 무단전재 및 재배포금지