디자인 시스템을 관리하는 것은 쉽지 않다. 특히, 같은 컴포넌트라도 여러 상태와 변형이 필요할 때, 컴포넌트 패널이 난잡해지고 유지보수가 어려워지는 문제가 발생한다. Figma는 이를 해결하기 위해 2020년 11월, 베리언츠(Variants) 기능을 공식적으로 업데이트했다. 오늘은 베리언츠가 무엇인지, 왜 등장했는지, 기존 방식과 무엇이 다른지를 정리해보려고 한다. 1️⃣ 베리언츠(Variants)란?베리언츠는 여러 개의 컴포넌트를 하나의 그룹으로 묶고, 속성(Property) 값만 변경할 수 있도록 만든 기능이다. 예를 들어, 버튼 컴포넌트가 있다고 가정해 보자.버튼에는 Primary / Secondary / Error 같은 타입이 있을 수 있고, 각각 Default / Hover / Disabled..