[figma] 컴포넌트 기초

레이어명 정리 방법

 

'/'를 활용해 인스턴스 폴더 구분

(ex: Icon/Heart, Icon/Star)

 

레이어명 앞에 .(점)과 _(언더바)를 붙이면 숨김처리

 

 

마스터 컴포넌트 생성 단축키

option + cmd + K (Create Component)

 

 

인스턴스 생성

마스터 컴포넌트 복사

 

 

마스터 컴포넌트 생성(다중)

 

 

마스터 컴포넌트 만들 요소 드래그로 선택 후

왼쪽 속성 패널에서 Create multiple components 클릭

 

 

인스턴스 디테치(Detach)

 

 

option + cmd + B

(Detach instance)

 

 

마스터 컴포넌트 디테치(Detach)

 

 

마스터 컴포넌트 디테치는 플러그를 깔아야함.

Plugins > Manage plugins...로 가서

 

 

 

Detach Component 검색 후 클릭하여 깔아줌.

 

 

 

디테치 할 마스터 컴포넌트 선택 후 마우스 오른쪽 클릭 > Plugins > Detach Component

 

 

인스턴스에 마스터 컴포넌트 상태 반영

 

 

인스턴스 선택 후 마우스 오른쪽 클릭 > Reset all changes

 

 

지워진 마스터 컴포넌트 다시 생성

 

 

지워진 마스터 컴포넌트의 인스턴스 선택 후 마우스 오른쪽 클릭 > Main component > Restore main component

 

 

 마스터 컴포넌트 위치 찾기

 

 

위치 찾을 마스터 컴포넌트의 인스턴스 선택 후 마우스 오른쪽 클릭 > Go to main component