Figmapedia
목록으로 돌아가기
컴포넌트 관리

컴포넌트 라이브러리 파일 연동

피그마 오픈카톡방2026. 3. 7.

질문사항

Figma에서 'B 파일'에서 작업한 컴포넌트를 'A 파일'의 라이브러리에 추가하고, 'A 파일'의 컴포넌트를 'B 파일'에서 사용하는 방식으로 이해하면 될까요?

답변

네, 정확히 이해하셨습니다. Figma에서는 '폴더' 대신 '파일'을 라이브러리 단위로 활용합니다.
  • 'A 파일' (메인 컴포넌트 라이브러리): 모든 메인 컴포넌트와 스타일이 정의되고 발행(Publish)되는 중앙 저장소 파일입니다.
  • 'B 파일' (디자인 작업 파일): 'A 파일'에서 발행된 라이브러리를 활성화하여 인스턴스를 가져와 실제 UI 디자인 작업을 진행하는 파일입니다.
  • 워크플로우 요약:

  • 'A 파일'에서 메인 컴포넌트 생성 및 발행: 'A 파일'에서 새로운 컴포넌트를 만들거나 기존 컴포넌트를 수정하고, 변경 사항을 라이브러리에 발행합니다.
  • 'B 파일'에서 인스턴스 사용: 'B 파일'에서는 'A 파일'에서 발행된 라이브러리를 활성화하여 최신 버전의 컴포넌트 인스턴스를 가져와 사용합니다. 'A 파일'에서 컴포넌트가 업데이트되면 'B 파일'의 인스턴스에도 업데이트 알림이 뜨고 적용할 수 있습니다.
  • 이러한 방식으로 'A 파일'은 디자인 시스템의 원본 소스가 되고, 'B 파일'은 그 시스템을 활용하여 디자인을 만드는 작업 공간이 됩니다.