Figma_Component와 Varians

컴포넌트 [Ctrl + Alt + K]

반복되는 요소의 마스터를 만들고 인스턴스를 배양아여 마스터 수정을 통해 전체의 인스턴스를 바꿀 수 있게 된다.

 

마스터(원본)

 

인스턴스(복제본)

:📌요소는 고정📌 요소를 추가하거나 삭제할 수 없다.

요소를 보이지 않게 하려면 👁️‍🗨️ 끄기로 안 보이게 가능하다.

색상, 속성, 효과 등은 수정이 가능하다. 하지만 예를 들어 인스턴트에서 색상변경하면 후에 마스터의 색상을 변경하더라도 변하지 않는다.

• 다중 컴포넌트 Create multiple components
• 컴포넌트 해제 Detach instance
• 마스터 복구 인스턴트 우클릭 후 Restore component OR Assets 검색 

 

베리언츠

• 카테고리 만들기

왼 : 베이런츠 적용 전 / 오 : 베리언츠 적용 후

 

 

프로퍼티 = 카테고리 명

밸류 = 각 요소 고윳값

 

• 밸류를 통해 인스턴스 고윳값 바꾸기