Figma 플랫폼을 소개합니다 (새 탭에서 열림)

Figma는 디자인 파일을 다른 도구·스크립트·웹 앱과 연결하는 Figma Platform을 공개하며, 전문 디자인 도구 최초의 웹 API를 지향했다. API를 통해 디자인 데이터를 실시간으로 읽고, 댓글을 주고받고, 이미지로 렌더링할 수 있어 조직 맞춤형 협업 자동화가 가능해진다. 이를 기반으로 디자인을 고립된 파일이 아니라 조직 전체가 공유·검색·활용하는 개방형 데이터로 전환하는 것이 글의 핵심 결론이다.

Figma Platform의 목표

• Figma를 외부 도구, 사내 스크립트, 웹 애플리케이션과 연결하는 플랫폼을 제공한다.
• 기존 데스크톱 디자인 도구는 운영체제, 로컬 파일 경로, 특정 소프트웨어 버전에 종속되어 통합이 어려웠다.
• Figma는 웹 기반이므로 서로 다른 컴퓨터나 웹 서비스에서도 디자인의 최신 상태에 접근할 수 있다.
• 기업은 조직별 업무 방식에 맞춘 검색, 공유, 모니터링, 자동화 도구를 직접 만들 수 있다.

초기 Web API의 세 가지 기능

• 디자인 파일 읽기
  • 디자인을 개방형 JSON 형식으로 제공한다.
  • 도형, 텍스트, 컴포넌트, 프로토타입 링크, 전환 효과, 제약 조건 등 디자인을 구성하는 트리 구조를 확인할 수 있다.
  • 파일 URL에 포함된 고유 키를 사용해 특정 디자인의 실시간 스냅샷을 가져온다.
• 댓글 읽기·쓰기
  • 외부 서비스가 Figma 디자인의 댓글을 조회하거나 작성할 수 있다.
  • 디자인 검토와 협업 프로세스를 다른 업무 도구와 연결할 수 있다.
• 이미지 렌더링
  • 전체 파일 또는 파일의 일부를 JPG, PNG, SVG 등 표준 이미지 형식으로 변환한다.
  • 별도의 수동 내보내기 없이 외부 서비스에서 최신 디자인 이미지를 활용할 수 있다.

개방형 웹 API가 제공하는 장점

• 특정 운영체제나 설치된 디자인 프로그램에 의존하지 않는다.
• 별도의 독점 플러그인 언어나 프레임워크 대신 일반적인 웹 개발 기술을 사용할 수 있다.
• 잘 정의된 API를 사용하므로 사내 자동화와 외부 서비스 통합을 빠르게 구현할 수 있다.
• 통합 기능을 유지·보수하고 최신 상태로 업데이트하기가 상대적으로 쉽다.
• 디자인 데이터를 이미지뿐 아니라 구조화된 정보로 활용할 수 있어 새로운 형태의 협업 도구를 만들 수 있다.

실제 활용 사례: Uber와 GitHub

• Uber
  • 여러 도시에 분산된 디자인 팀의 작업을 조직 전체에 보여주기 위해 API를 활용했다.
  • 진행 중인 디자인을 사무실 TV에 실시간으로 표시하는 피드를 만들고 있다.
  • Dribbble과 유사한 내부 디자인 저장소에서 프로젝트를 탐색하는 기능도 계획했다.
• GitHub
  • 아이콘 제작 과정 일부를 자동화해 반복 작업을 줄이고 효율성을 높였다.
• 이러한 사례는 API가 단순한 파일 내보내기를 넘어 조직 내부의 가시성, 검색, 자동화 문제를 해결할 수 있음을 보여준다.

오픈소스 프로젝트와 외부 통합

• Figma는 커뮤니티가 활용할 수 있도록 여러 데모 프로젝트를 오픈소스로 공개했다.
• 예시:
  • Figma 디자인 맞춤법 검사기
  • 생성형 아트 도구
  • 디자인을 Ethereum 블록체인에 기록하는 방법
• Avocode, Haiku, Zeplin, Pagedraw 등 다른 디자인·개발 도구와의 통합도 강화했다.
• 플랫폼의 가치는 Figma가 모든 기능을 직접 제공하는 데보다 커뮤니티와 기업이 각자의 문제를 해결하는 데 있다.

향후 공개 예정 기능

• Webhooks
  • 파일이나 팀에 연결해 디자인 변경 이벤트를 콜백 형태로 전달한다.
  • 디자인 업데이트를 감지해 외부 시스템을 자동으로 갱신할 수 있다.
• Write API
  • 초기 버전은 주로 디자인 데이터를 읽는 데 초점을 맞췄다.
  • 이후 외부 애플리케이션이 Figma 디자인 자체를 수정할 수 있는 쓰기 API를 제공할 계획이다.
• Extensions
  • 인앱 확장 기능은 강력하지만 품질, 안정성, 예측 가능성을 떨어뜨릴 수 있다.
  • Figma는 개발자 자유와 제품 안정성을 함께 확보할 수 있는 모델을 마련한 뒤 확장 기능을 도입하려 했다.
  • 당시에는 구체적인 출시 일정이 정해지지 않았다.

대규모 협업에서 해결하려는 문제

• 디자인은 UI 디자이너만 사용하는 산출물이 아니라 카피라이터, 엔지니어, 연구자, 마케터, 경영진 등 여러 부서가 함께 다루는 정보가 되었다.
• 전통적인 데스크톱 도구에서는:
  • 파일을 내보내고 업로드해야 공유할 수 있다.
  • 원본이 변경되면 공유된 파일이 즉시 오래된 버전이 된다.
  • 경영진이 실시간 작업을 보고 의견을 남기기 어렵다.
  • 엔지니어가 필요한 최신 에셋을 찾는 데 많은 시간을 쓴다.
  • 다른 팀이 이미 해결한 문제와 해결책을 발견하기 어렵다.
• Figma API는 조직 전체에서 디자인을 실시간으로 공유하고, 검색하고, 모니터링하는 맞춤형 워크플로를 구축하는 기반이 된다.

Figma Platform은 디자인 도구를 폐쇄적인 제작 환경에서 개방형 협업 플랫폼으로 확장하려는 시도다. 실제 도입 시에는 API로 최신 디자인 조회·렌더링·댓글 연동부터 시작하고, Webhooks와 자동화 기능을 결합해 사내 디자인 검색 및 배포 시스템으로 발전시키는 접근이 실용적이다.