[피그마 사용법] 라이브러리 사용하기

피그마에서 스타일을 지정해서 불러오는 방법도 있지만,
커뮤니티에서 사람들이 잘 만들어놓은 자료를 duplicate 해서 불러오는 방법도 있다

아무래도 한국자료가 없다보니 커뮤니티에서 다운로드 받더라도 한국어 패치가 필요하기 때문에 커뮤니티에서 다운로드 받더라도 수정이 필요하다.

1. 라이브러리에 등록하기

1-1 커뮤니티에서 원하는 색상톤을 가진 파일을 duplicate 한다.

나의 경우 Walle 라는 컬러팔레트를 선택했다.

1-2. 열려진 파일에서 assets - 책모양의 아이콘 - Publish 클릭 

1-3 Publish 할 항목 선택하여 publish styeles 클릭하기

 

2. 디자인 하려는 파일에서 publish 한 assets 불러오기.

2-1. 라이브러리 불러오기

디자인 하고자 하는 파일을 열어 assets-라이브러리 아이콘 클릭하면,
내가 publish 했던 라이브러리인 walle를 확인할 수 있다.
(만약 확인이 불가능하다면 열려있는 파일을 닫고, 다시 열어보자. 업데이트가 되지 않은 경우이다)

활성화 비활성화여부를 묻는 아이콘을 한번 더 클릭하여 활성화 설정을 하자.
검은색 쪽으로 버튼이 변경됐다면 적용이 되었다는 의미이다.

2-2 도형에 색상 적용해보기

1. 색상을 변경하고자 하는 도형을 선택
2. 디자인패널의 fill 영역에 네개의 점 아이콘을 선택
3. color style에서 라이브러리인 walle의 색상 선택

4. 색상이 변경된 것을 확인할 수 있다.

텍스트도 마찬가지!