Figma가 직면한 AI 시대의 위기: 폐쇄형 포맷의 한계

섹션별 상세

Figma의 폐쇄적인 데이터 구조가 AI 모델의 학습과 이해를 가로막는 장벽이 되었다. LLM은 인터넷상의 방대한 코드를 학습했지만 Figma의 내부 포맷은 알지 못하므로, 디자인 데이터를 코드로 변환하는 과정에서 정보 손실이 발생한다. 이로 인해 Figma는 AI가 디자인 의도를 정확히 파악하고 실행하기 어려운 환경을 제공하게 되었다. 결과적으로 AI 네이티브 도구들에 비해 기술적 부채가 쌓이는 결과를 초래했다.

기존 디자인 시스템의 복잡성이 임계점에 도달하여 제품 개발의 효율성을 저해하고 있다. Figma 내의 디자인 시스템은 946개의 색상 변수와 수많은 모달 변형 모델을 관리하기 위해 전담 인력이 필요할 정도로 비대해졌다. 이러한 복잡한 변수 체계는 디자이너와 개발자 사이의 소통을 어렵게 만들고 시스템 유지보수에만 에너지를 쏟게 만든다. 이는 창의적인 작업보다 시스템 관리에 더 많은 시간이 소요되는 역설적인 상황을 만든다.

코드를 소스의 진실로 취급하는 Claude Design 같은 도구들이 새로운 대안으로 부상하고 있다. 이들은 디자인을 별도의 포맷으로 저장하지 않고 HTML과 JavaScript로 직접 출력하여 개발 워크플로우에 즉시 통합한다. Claude Code와 같은 코딩 에이전트와 직접 연동됨으로써 디자인과 구현 사이의 간극을 완전히 제거한다. 이러한 방식은 디자인 데이터를 다시 코드로 번역할 필요가 없어 AI 시대에 최적화된 생산성을 제공한다.

용어 해설

폐쇄형 포맷(Proprietary Format): — 특정 기업이 소유권을 가지고 명세를 공개하지 않는 파일 형식이다. 외부 도구나 AI 모델이 내부 데이터 구조를 직접 해석하기 어려워 데이터 호환성과 학습 효율을 떨어뜨리는 장벽이 된다.
신뢰 가능한 단일 소스(Source of Truth): — 데이터의 무결성을 보장하기 위해 모든 정보가 단 하나의 근거지에서 관리되는 설계 원칙이다. 디자인 시스템에서는 실제 구현된 코드가 디자인의 최종 기준이 될 때 협업 효율이 극대화된다.
디자인 시스템(Design System): — 디자인 일관성을 유지하기 위해 재사용 가능한 컴포넌트, 가이드라인, 변수 등을 정의한 체계이다. 규모가 커질수록 관리 복잡도가 기하급수적으로 증가하여 유지보수 비용이 발생하는 원인이 되기도 한다.

기술

Figma
Claude Design
Claude Code
HTML
JavaScript

활용 사례

AI 기반 UI 디자인 생성
디자인 시스템 자동화
디자인-개발 워크플로우 통합