컴포넌트 & 인스턴스

컴포넌트 메인/인스턴스 사용법

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

질문사항

컴포넌트를 만들어 작업할 때, 메인 컴포넌트를 생성한 후 다른 파일이나 페이지에서 인스턴스로 불러와 사용하는 것이 올바른 작업 방식인가요?

답변

네, 맞습니다. 컴포넌트 기반 작업의 핵심은 '재사용성'과 '일관성'입니다. 메인 컴포넌트를 한 번 만들고 나면, 이를 여러 곳에서 인스턴스로 불러와 사용하게 됩니다.

올바른 컴포넌트 워크플로우는 다음과 같습니다:

메인 컴포넌트 생성 및 라이브러리 발행: 디자인 시스템 파일 등에서 메인 컴포넌트를 생성하고, 해당 파일을 라이브러리로 발행(Publish)합니다.

인스턴스 사용: 새로운 디자인 파일에서 작업할 때, 발행된 디자인 라이브러리를 활성화하고 Assets 패널에서 필요한 컴포넌트의 인스턴스를 불러와 화면을 구성합니다.

업데이트 및 동기화: 메인 컴포넌트에 변경 사항이 생기면, 디자인 라이브러리 파일에서 메인 컴포넌트를 수정하고 다시 발행합니다. 그러면 해당 라이브러리를 사용하는 모든 파일의 인스턴스에 업데이트 알림이 뜨고, 이를 수락하면 모든 인스턴스가 자동으로 최신 상태로 동기화됩니다.

이러한 방식으로 '똑같은 작업을 반복'하는 것이 아니라, 효율적으로 디자인을 관리하고 일관성을 유지할 수 있습니다.