오픈AI·피그마, 코덱스 연동 출시…코드와 디자인 양방향 변환 지원

디자인과 개발 사이의 핸드오프 과정은 소프트웨어 개발에서 늘 가장 많은 시간을 잡아먹는 병목이었습니다. 디자이너가 피그마에 완벽하게 올려둔 화면도 개발자가 코드로 옮기면 미묘하게 달라져 수없이 피드백을 주고받아야 했습니다.

OpenAI와 피그마가 이 벽을 허물기 위해 손을 잡았습니다. 2월 26일, 양사는 OpenAI의 AI 코딩 도구인 코덱스와 피그마를 직접 연결하는 새로운 통합 기능을 발표했습니다. 오픈 표준인 MCP(모델 컨텍스트 프로토콜) 서버를 통해 코드와 디자인 캔버스 사이를 자유롭게 오갈 수 있는 양방향 워크플로를 구축했습니다.

코드와 디자인 캔버스의 양방향 순환

기존에도 피그마 디자인, 피그마 메이크, 피그잼의 세부 요소를 코덱스로 불러와 코드로 구현하는 것은 가능했습니다. 하지만 이번 통합으로 반대 방향, 즉 코드로 작성된 UI를 편집 가능한 피그마 디자인 파일로 변환하는 기능이 새롭게 열렸습니다.

프롬프트나 코드, 디자인 파일 등 어디서 작업을 시작하든 맥락을 잃지 않고 자유롭게 양쪽을 넘나들 수 있게 된 셈입니다.

코덱스 제품 리드인 알렉산더 엠비리코스는 이 통합이 사용자를 디자이너나 엔지니어로 규정짓지 않는다고 설명했습니다. 엔지니어는 작업 흐름을 끊지 않고 시각적으로 UI를 수정할 수 있고, 디자이너는 풀타임 코더가 되지 않고도 실제 구현 단계에 훨씬 가까워질 수 있다는 설명입니다.

사용 방법도 간단합니다. 코덱스 macOS 데스크톱 앱 내에서 피그마 MCP 서버를 직접 설치하면 바로 연동할 수 있습니다.

코덱스의 급성장과 피그마의 멀티 모델 전략

OpenAI는 이번 발표와 함께 코덱스의 성장 지표도 공개했습니다. 2025년 4월 CLI 도구로 처음 출시된 코덱스는 올해 들어 사용량이 400% 이상 증가하며 주간 활성 사용자 100만 명을 돌파했습니다. 이달 초 출시된 macOS 데스크톱 앱 역시 첫 주 만에 100만 다운로드를 기록했습니다. 현재 시스코, 엔비디아, 램프, 데이터독 같은 글로벌 기업들이 실무에 코덱스를 도입한 상태입니다.

흥미로운 점은 피그마의 행보입니다. 피그마는 OpenAI와의 발표 불과 일주일 전, 경쟁사인 앤스로픽의 클로드 코드와도 유사한 파트너십을 맺고 연동을 지원하기 시작했습니다.

피그마 입장에서는 특정 AI 진영에 얽매이지 않고, 모든 주요 코딩 에이전트의 중심 시각 인터페이스 자리를 선점하겠다는 실리적인 계산이 깔려 있습니다.

왜 중요한가

우리는 이번 통합이 AI 코딩 도구의 고질적인 문제였던 시각적 디테일 조정을 가장 직관적으로 해결했다고 봅니다.

AI로 UI를 만들어 본 사람이라면 버튼 위치나 여백을 몇 픽셀 옮기기 위해 프롬프트로 씨름하는 것이 얼마나 비효율적인지 잘 압니다. 이제 코드로 뽑아낸 화면을 피그마로 되돌려 마우스로 직접 다듬은 뒤 다시 코드로 동기화할 수 있게 되면서, 1인 개발자나 소규모 팀의 프로덕트 완성도는 크게 올라갈 것입니다. 코덱스 데스크톱 사용 환경을 갖추고 있다면 지금 바로 사용해 볼 만합니다.

산업 측면에서는 MCP 표준이 엔터프라이즈 생산성 도구의 핵심 연결고리로 굳어지고 있음을 증명합니다. 터미널 기반 코딩 도구와 디자인 캔버스가 결합하면서 직군 간의 경계는 빠르게 옅어질 것으로 보입니다.

다만 현실적인 한계도 분명합니다. 독립적인 UI 컴포넌트는 손쉽게 디자인으로 변환할 수 있겠지만, 복잡한 상태 관리와 비즈니스 로직이 얽힌 대규모 프로덕션 코드베이스에서도 코드 손상 없이 안정적인 양방향 동기화가 유지될지는 실제 현업 적용을 통해 검증이 필요합니다.