컴포넌트 (Component)
재사용 가능한 디자인 요소. 자주 쓰는 UI를 컴포넌트로 만들어두면 효율적으로 작업할 수 있다.
인스턴스 (Instance)
컴포넌트를 복사하면 생기는 일시적인 복사본.
- 기본적으로 부모(원본) 컴포넌트의 속성을 따라간다
- 단, 인스턴스에서 개별적으로 속성을 변경하면 부모 변경사항이 반영되지 않는다
에셋 (Assets)
에셋 탭에서 내가 만든 컴포넌트를 불러와 사용할 수 있다.
메인 컴포넌트로 푸시 (Push to Main Component)
다른 페이지에서 에셋으로 컴포넌트를 만든 후, 메인 페이지로 이동시킬 수 있다.
Create Multiple Components
여러 요소를 한 번에 컴포넌트로 만드는 기능. 각각 일일이 만들지 않아도 되어서 작업 속도가 빨라진다.
베리언트 (Variant)
컴포넌트에 속성(Property)을 부여해서 다양한 변형을 관리하는 기능.
- 속성을 정의하면 그 조합만큼 자동으로 변형 세트가 생성된다
- 에셋에서 인스턴스를 가져온 후, 속성 패널에서 원하는 값으로 바꾸는 것만으로 디자인 변경 가능
인터랙션 (Interaction)
피그마에서 컴포넌트에 동작을 부여하는 기능. 프로토타입처럼 실제 앱과 유사한 UX를 구현할 수 있다.
