피그마

최준용·2025년 12월 24일

합성 컴포넌트와 네스티드 인스턴스

컴포넌트 프로퍼티는 변화와 변경을 만들 수 있는 피그마 컴포넌트 기능이다.

하나의 컴포넌트로 더 많은 디자인을 효율적으로 만들어야 하는데, 이때 필요한 기능이 컴포넌트 프로퍼티다.
ㄴ배리언츠와 프로퍼티로 나뉜다.

배리언츠

가상의 상태를 만들 때 사용한다.

프로퍼티

디자인 구조가 바뀌지 않는 선에서 변경할 수 있는 요소들을 다룰 때 사용한다.

위계(hierarchy, priority)

얼마나 중요한 행동을 하기 위한 버튼인가를 담고 있다. 버튼은 프라이머리, 세컨더리, 터시어리의 3단계를 가진다.

컴포넌트를 모아 또 컴포넌트를 만드는 경우가 있다. 이런 컴포넌트를 합성 컴포넌트라고 부른다.
•바텀시트
•다이얼로그
•리스트
•카드
•랩
등 복잡한 구조의 컴포넌트들이 있다.

0개의 댓글