9월 figma Releases - Figma 컴포넌트 기능 관련 업데이트

2020/9/17일 오후, 갑자기 인스턴스(Instance) 기능의 업데이트가 있었습니다. 

1) Instance에 대한 "Go to Main Component"

• Go to Main Component에 대한 텍스트 링크 대신, 아이콘으로 대체되었습니다.  
• 여기서 Instance(인스턴스)란 Component(컴포넌트)를 복제한 에셋(Asset)을 의미합니다.
• figma의 컴포넌트 기능을 활용하면, 불필요한 반복 작업을 줄이고, 수정 작업을 최소화할 수 있습니다. 
• Go to Main Component 기능을 통해 Instance의 원본 컴포넌트(Main Component)를 찾아 Asset을 수정할 수 있습니다. Main Component를 수정하면, 이 컴포넌트를 복제한 Instance들의 일부 속성이 일괄적으로 변경이 됩니다. 

피그마 기초 - 컴포넌트의 개념

 

 

 

또는 인스턴스를 선택하고, 마우스 우클릭을 하여 Go to Main Component를 클릭하여 Main Component를 찾을 수도 있습니다. 

 

 

 

아래 영상을 재생하시면 이전 방식과 비교를 하실 수 있습니다. 

기존 방식과 비교하기 위한 영상

 

 

2) Instance Swap 방식의 변화

 

 

 

(아래) 기존 Instance Swap 방식에 관한 영상

 

그 밖에 Asset 패널을 활용하여 보다 더 쉽게 Instance를 Swap하는 Tip {아래 영상 참고}

 

3. Detach Instance

• Instance를 Main Component와의 연결을 끊는 기능
• 아래 스크린샷의 위치에서 해당 기능을 선택할 수 있습니다. 

 

 

 

인스턴스를 Swap 할 때, 미리보기가 된다는 거 외엔, 큰 변화는 없지만, 주요 기능들이 숨김 처리되어 저처럼 처음에 당황할 수 있습니다. 하지만 위 사항을 참고하시면 금방 적응하실 수 있으리라 생각되어 공유드립니다. 

Facebook 그룹