Figma의 새로운 기능 요 (새 탭에서 열림)

Figma는 2019년 봄, 디자인 시스템 확장에 초점을 맞춰 Components를 개선하고 플러그인 API 공개 베타를 시작했다. 여러 컴포넌트를 한 번에 생성하거나 인스턴스와 마스터 간 이동·동기화를 쉽게 만드는 기능으로 반복 작업을 줄였으며, 플러그인을 통해 커뮤니티가 Figma 기능을 확장할 수 있는 기반을 마련했다. 또한 Smart Selection 등 일상적인 기능 개선과 버그 수정도 함께 진행했다.

디자인 시스템 확장을 위한 컴포넌트 개선

• 여러 객체를 선택한 뒤 한 번의 클릭으로 각각의 Component로 변환할 수 있다.
• 인스턴스를 우클릭하면 Context Menu에서 관련 Component를 바로 확인할 수 있다.
  • 다른 인스턴스로 빠르게 교체할 때 유용하다.
• Return to Instance 기능을 사용하면 현재 인스턴스의 Master Component로 이동해 참고하거나 수정한 뒤, 작업 중이던 인스턴스로 돌아올 수 있다.
• 로컬 컴포넌트에서는 인스턴스에 적용한 변경 사항과 오버라이드를 Master Component에 반영할 수 있다.
  • 기존 컴포넌트를 실제 사용 사례에 맞게 조정하고 업데이트할 때 효율적이다.
• 이러한 기능들은 재사용 가능한 UI 요소를 관리하고, 팀 단위 디자인 시스템을 확장하는 작업을 단순화한다.

Figma 플러그인 API 공개 베타

• Figma는 오랫동안 준비한 플러그인 API의 공개 베타를 출시했다.
• 플러그인을 통해 사용자가 Figma 내부 기능을 직접 확장하고 반복적인 디자인 작업을 자동화할 수 있게 됐다.
• 초기 제작 사례로 다음과 같은 플러그인이 소개됐다.
  • 텍스트 요소를 방사형으로 반복 배치하는 생성형 디자인 플러그인
  • 선택한 이미지에서 주요 색상 팔레트를 추출하는 플러그인
• 공개 직후부터 커뮤니티와 고객들이 다양한 실험적 도구를 만들며 생태계의 가능성을 보여줬다.

지속적인 사용성 개선과 품질 향상

• Components와 Smart Selection처럼 매일 사용하는 기능을 빠르게 개선했다.
• 사용자가 요청해 온 기능을 추가하는 동시에, 반복 작업에 드는 시간을 줄이는 데 초점을 맞췄다.
• 별도의 품질 개선 기간을 운영해 다수의 버그를 수정했다.
• 이번 업데이트는 대규모 신기능뿐 아니라 기존 기능의 안정성과 작업 흐름 개선도 중요하게 다뤘다.

실용적인 활용 방향

• 반복되는 UI 요소는 Component로 만들고, 여러 객체를 한 번에 변환해 초기 구축 시간을 줄이는 것이 좋다.
• 인스턴스에서 발견한 개선 사항은 로컬 컴포넌트의 Master에 반영해 디자인 시스템을 최신 상태로 유지할 수 있다.
• 이미지 색상 추출이나 생성형 배치처럼 반복적이거나 계산이 필요한 작업은 플러그인으로 자동화할 수 있다.