💡피그마로 디자인 시스템 세팅하기: ② 인터랙티브한 컴포넌트 만들기 : 이전 글에서 디자인 시스템의 최소 단위인 색상, 글꼴 등의 속성을 이용해 ‘토대(Foundation)’를 만드는 과정을 설명

💡피그마로 디자인 시스템 세팅하기: ② 인터랙티브한 컴포넌트 만들기 : 이전 글에서 디자인 시스템의 최소 단위인 색상, 글꼴 등의 속성을 이용해 ‘토대(Foundation)’를 만드는 과정을 설명했다. 이번 편에서는 그다음 단계인 ‘컴포넌트(Component)’를 만드는 방법을 소개할 예정이다. 컴포넌트는 단어의 의미 그대로 화면의 구성 요소를 가리키며, 여러 컴포넌트를 조합해 하나의 UI를 이룬다. 이때 버튼(Button), 스위치(Switch 혹은 Toggle), 카드(Card), 텍스트필드(Text field)처럼 반복적으로 쓰이는 주요 컴포넌트를 미리 디자인 에셋으로 저장해두면 UI 제작 시 많은 시간을 단축할 수 있다.