컴포넌트 관리

Figma 디자인/컴포넌트 파일 분리 관리

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

질문사항

새로운 프로젝트를 시작할 때, Figma에서 디자인 파일과 컴포넌트 라이브러리 파일을 효과적으로 분리하고 관리하는 방법이 궁금합니다.

Figma에서 디자인 파일과 컴포넌트 라이브러리 파일을 분리하여 관리하는 것은 효율적인 디자인 시스템 구축의 핵심입니다. 일반적으로 다음과 같은 워크플로우를 따릅니다.

컴포넌트 라이브러리 파일 생성:

하나의 Figma 파일을 '디자인 시스템' 또는 '컴포넌트 라이브러리' 전용으로 생성합니다. 이 파일에 모든 메인 컴포넌트(버튼, 입력 필드, 아이콘 등)와 스타일(컬러, 타이포그래피 등)을 정의합니다.

컴포넌트 생성 후, Assets 패널 상단의 'Team library' 아이콘을 클릭하여 이 파일을 라이브러리로 '발행(Publish)'합니다.

디자인 작업 파일 생성:

별도의 Figma 파일을 'UI 디자인' 또는 '프로젝트 작업' 전용으로 생성합니다.

이 파일에서 Assets 패널을 열고, 1단계에서 발행한 컴포넌트 라이브러리를 활성화합니다.

인스턴스 사용:

이제 디자인 작업 파일에서 라이브러리의 컴포넌트들을 인스턴스로 가져와 화면을 구성합니다.

컴포넌트 업데이트가 필요한 경우, 1단계의 컴포넌트 라이브러리 파일에서 수정 후 다시 발행하면, 디자인 작업 파일의 모든 인스턴스에 변경 사항이 반영됩니다.

이러한 방식으로 '컴포넌트 라이브러리'와 '실제 디자인 작업' 파일을 명확히 분리하여 관리할 수 있습니다.