[피그마] 피그마 입문 A to Z 부트캠프 메타코드_ "(실습)라이브러리 파일과 작업 파일 분리하기"

 

디자인을 시스템화 하기 위해서는

따로 라이브러리 파일을 만들어주는 것이 좋다.

연동이 가능하기 때문에 시스템화 할 것들을 잘 정리해놓으면

바로바로 쓸 수가 있기 때문이다.

 

 

 

아이콘 만들어서 컴포넌트화 하고

이름을 슬래쉬해서 정리해놓은 모습이다.

시스템화를 할 때에는

컴포넌트화를 반드시 해야한다. 

 

 

 

그럼  레이어 옆 에셋패널에서

화살모양이 아이콘 폴더안에 들어가있음을 확인할 수 있다.

이 아이콘을 전체파일에 연동하고자 하고자 할 때

먼저 에셋패널 위쪽에 라이브러리즈를 열어준다.

 

 

 

그러면 파일옆에 퍼블리쉬 버튼이 있다.

이걸 통해서 다른 파일들과 연동해서

그곳에서도 이 라이브러리에 등록한 것들을손쉽게 사용할 수 있다.

 

 

 

디스크립션 적을수있는 창이 뜨는데

이걸로 설명을 적어놓을 수 있다.

연동되는 파일에 다른 작업자가있다면

어떤걸 시스템화했는지 더 쉽게 알 수 있을것같다.

 

 

디자인 파일로 와서 라이브러리가 연동시킨 내용을 받으려면

에셋패널에서 책모양 아이콘을 선택하고

라이브러리 옆에 에드 투 파일 버튼을 눌러서

연동을 완료할 수 있다.

 

 

 

그럼 위 그림처럼 아이콘이 생기고

이를 화면위로 끌어다가 쓸 수 있다.

이처럼 반복해서 쓰일 것들을 만들어서 시스템화해놓으면

사용하는 데에 매우 편리할 수 있다.

 

 

메타코드에서 피그마 기초강의수강을 완강했다.

피그마라는 프로그램을 전반적으로 파악하는 데에

정말로 유용한 강의였다. 

이를 기반으로 필요한 디자인을 만드는 데에는 무리가 전혀 없을정도이니 말이다.

 

디자인의 디자도 몰랐던 나는 이제 핸드폰을 보면서

디자이너들의 많은 노고가 있음을 느끼며 경외하고 있다.ㅋㅋ

 

또한 바쁜 일상속에서 중간에 포기할수도 있었는데

끝까지 챙겨주고 채찍질해준 가족에게 감사를 표한다.

 

 

: https://mcode.co.kr/

메타코드M

본 내용은 메타코드 Figma 서포터즈 강의 후원을 받아 작성되었습니다.