피그마, 디자인과 코드를 동기화하는 AI 도구 출시
- •피그마가 프로덕션 코드를 편집 가능한 디자인 자산으로 변환해 주는 Claude Code 연동 기능을 공개했다.
- •새로운 모델 컨텍스트 프로토콜(MCP) 서버를 통해 개발자용 AI 에이전트에 디자인 컨텍스트를 직접 공유할 수 있게 됐다.
- •제미나이 3 프로(Gemini 3 Pro)를 활용해 프롬프트만으로 프로토타입을 생성하는 Figma Make 도구가 베타 버전을 마쳤다.
피그마(Figma)가 일련의 새로운 AI 기능을 통해 크리에이티브 디자인과 기술적 구현 사이의 경계를 근본적으로 재편하고 있다. 가장 눈에 띄는 추가 기능인 'Claude Code to Figma'는 팀이 프로덕션 코드를 편집 가능한 디자인 자산으로 역설계할 수 있도록 지원하며, 이를 통해 개발 주기 전반에서 디자인과 코드 간의 일관성을 유지한다. 이는 결과적으로 코드 기반으로 구축된 실제 결과물과 디자인 캔버스 사이의 간극을 완벽하게 메우는 역할을 한다.
단순한 변환을 넘어 피그마는 모델 컨텍스트 프로토콜(MCP)을 활용해 디자인 데이터를 개발자의 작업 환경에 통합하는 데 집중하고 있다. 개발자는 이제 MCP 서버를 사용해 대규모 언어 모델에 구체적인 디자인 컨텍스트를 제공함으로써, 더욱 정확하고 디자인 의도가 충분히 반영된 코드를 생성할 수 있다. 이러한 방식은 디자이너와 엔지니어 간의 협업 과정에서 기술적 의도가 누락되어 발생하는 고질적인 마찰을 줄여준다.
플랫폼의 생성형 도구인 Figma Make 또한 실험 단계를 마치고 정식 서비스로 전환되었다. 이 프롬프트 기반 앱 제작 기능은 제미나이 3 프로(Gemini 3 Pro)와 같은 고급 모델을 활용해 텍스트 설명을 즉각적으로 기능적인 프로토타입으로 변환한다. 피그마의 CEO인 딜런 필드(Dylan Field)는 레이아웃과 스타일에 대한 빠른 탐색을 지원함으로써 팀이 더 큰 꿈을 꾸고 최종 프로덕션에 더 빠르게 도달할 수 있게 돕고 있다. 또한 래스터 이미지를 확장 가능한 벡터 자산으로 바꿔주는 'Vectorize'와 같은 보조 도구들은 작업 프로세스를 더욱 효율적으로 만들어준다.