Figma, Codex로 디자인과 코드의 경계를 허물다
- •Figma가 디자인 캔버스와 Codex AI 코딩 환경을 직접 연결하는 MCP 서버를 출시했다.
- •라이브 UI 코드와 Figma 디자인 레이어 사이를 매끄럽게 오가는 양방향 워크플로우가 가능해졌다.
- •디자인 레이아웃과 스타일 정보를 자동 추출하여 AI의 코드 생성을 정교하게 지원한다.
Figma가 Codex용 MCP 서버를 출시하며 디자인과 개발의 경계를 본격적으로 허물기 시작했다. 이번 통합을 통해 개발팀은 시각적 캔버스와 기술적 코드베이스 사이를 유연하게 오갈 수 있으며, 특히 제품화 과정에서 디자인 의도가 손실되지 않도록 보장받는다. 실제로 AI 모델이 외부 데이터와 상호작용하도록 돕는 표준 규격인 Model Context Protocol(MCP)을 활용함으로써, Figma 내의 정밀한 레이아웃과 스타일 정보를 코딩 에이전트에 실시간으로 공급할 수 있게 되었다.
이 워크플로우의 가장 큰 특징은 양방향으로 작동한다는 점이다. 개발자는 특정 Figma 프레임을 기반으로 Codex에 디자인 시스템 컴포넌트를 활용한 코드 구현을 요청할 수 있다. 반대로 현재 실행 중인 애플리케이션의 UI를 캡처해 Figma에서 편집 가능한 레이어로 다시 불러오는 것도 가능하다. 이러한 순환 구조는 화면을 처음부터 다시 제작하는 번거로움을 덜어주며, 다양한 UI 대안을 신속하게 탐색하고 검증하는 데 매우 유용하다.
학생이나 초기 단계의 빌더들에게 이는 반복적인 UI 구현 업무를 자율 에이전트가 대신 처리하는 AI 중심 워크플로우로의 중대한 변화를 의미한다. Figma는 단순히 정적인 목업을 만드는 도구를 넘어, 캔버스와 코드를 유기적으로 연결함으로써 제품 수명 주기 전체의 중심 허브로 진화하고 있다. 이에 따라 향후 디자인은 시각적 요소에 머무르지 않고, 실제로 동작하는 데이터 중심의 인터페이스 구축으로 그 영역이 확장될 전망이다.