컴포넌트
버튼 등에 유용하게 사용되는 피그마 기능.
부모 컴포넌트를 바꾸면 자녀 컴포넌트에 다 적용됨
컴포넌트로 만든 상태
(다이아몬드 모양 누름 - 오른쪽상단)
이 상태로 복붙하면 자녀 컴포턴트로 재생성됨
자녀 컴포넌트를 변경시킨 상태가 마음에 들 경우
(이경우 반드시 수정사항이 있어서 부모컴포넌트와 다른 상태여야 함)
주요 컴포넌트->메인컴포넌트로 변경내용 푸시
반대로 부모컴포넌트대로 자녀컴포넌트 내용바꾸고자 할 경우
[버튼 만들기]
text 에 버튼이라고 쓰고 오토레이아웃 shift a 만들기
패딩 50 넣어주기
->이렇게 만든 컴포넌트는 에셋에서도 확인가능
베리언트는 똑같은 내가 추가
베리언트로 만들 시 모두 같은 부모,
alt로 가져오면 자녀인 컴포넌트로 생기게 됨
베리언트는 먼저 컴포넌트로 하나 만들고 그 다음에 +로 아래로 당겨주기
동시에 선택하고 싶어진다면
선택하고 엔터
일치하는 레이어를 선택을 눌러서 변경
일치하는 레이어 선택은 많이 이용
속성 더 추가하기(베리언트)
속성을 부여해서 텍스트 속성 걸어서 인스턴스에서 바꿈
원본도 수정하고 싶다면 속성으로 이동하기 동그란 버튼 누르기
의의 : 한 번에 속성을 걸어줄 수 있게 된다.
(컴포넌트에서 해당 버튼 이름을 text 속성으로 수정가능해짐)
글씨만 바꾸기 위해 일치하는 레이어로 선택시키기
[불리언]
아이콘의 형태에서 적용시키기
외형에서 버튼의 속성 걸기(아이콘불리언)
아이콘 불리언의 형태를 적용시킬시 해당 아이콘을 눌렀을 경우
아이콘 불리언 속성
[여러컴포넌트]
색상 추출을 위한 단축기로서 : 스포이드 모양으로 바꾸기 위해서는 i(정말 많이 쓰는 기능)
인스턴트 교체는 먼저 아이콘 모양 그림 파일들을 하나하나 컴포넌트 형태로 바꾸고 진행해야 함.
컴포넌트 형태로 변경후 icon/해당 아이콘을 직관적으로 표현할 수 있는 명사로 변경시 아이콘으로 활용 가능