2. 피그마 컴포넌트 프로퍼티

1. 컴포넌트 프로퍼티

피그마의 컴포넌트 프로퍼티(Component Properties)는 컴포넌트 내부의 요소를 일일이 수정하지 않고도, 인스턴스 패널에서 속성값을 변경해 디자인을 효율적으로 관리하는 기능이다.

2. 종류

3. 실습

3.1. 불리언

1. 컴포넌트를 생성후 이미지의 번호 순으로 클릭한다.
2. 속성만들기 정보 입력
3. 외형의 변수연결
4. 등록완료
5. 인스턴스 삽입후 확인

3.1. 텍스트

1. 컴포넌트 선택 → + 클릭
2. 텍스트 속성 입력
3. 레이어를 속성 변수에 연결
4. 메시지도 등록
5. 인스턴스 확인

3.2. 인스턴스교체 등록

1. 프로필 이미지를 여러개 만들고 레이어명 변경 ctrl r
2. 각각 컴포넌트로 만든후 섹션으로 묶기 ctrl s
3. 인스턴스교체 등록
4. 속성명을 입력하고 인스턴스 선택을 클릭하면 2에서 생성한 섹션이 보인다.
5. 원하는 컴포넌트 클릭
6. 인스턴스 연결
7. 인스턴스의 속성 확인 후 불리언 속성 추가
8. 인스턴스를 삽입 하고 확인

3.3. 슬롯

1. 메인컴포넌트에 슬롯 속성 등록

   

2. 프레임이나 사각형을 그린후 메인컴포넌트에 삽입한다.

3. 삽입한 레이어를 슬롯으로 연결

4. 슬롯 속성 편집

5. 인스턴스에서 적용하기

6.