figma, Varients Property 배리언츠 프로퍼티

요소를 모두 선택하고 상단 컴포넌트 아이콘의 create component set 을 눌러서 한번에 설정할 수 있다. (하나하나 컴포넌트 만들고 모두 선택해서 우측 패널에서 하는 방식보다 단순)

배리언트로 묶은 것은 점선으로 감싸지고(해제할 때는 이 점선 밖으로 클릭 드래그 하면 됨), 인스턴스를 빼내서 프로퍼티를 확인해보면 이름별로 스왑 선택이 가능한 것을 확인할 수 있다.

프로퍼티의 이름은 해당 배리언트를 클릭해서 바꾸고, 각 프로퍼티의 밸류값은 각 아이템을 선택해서 수정할 수 있다.

이런 칩스를 만들 때 프로퍼티의 값을 on, off 나 ture, false 등으로하면 불린 프로퍼티처럼 해당 속성을 다룰 수 있다.