[Figma] 피그마 입문 A to Z 부트캠프 메타코드_ "16. 피그마 커뮤니티에서 소장해야하는 필수 리소스"

반응형

https://mcode.co.kr  

메타코드M

 

 

 

안녕하세요~ 하양입니다. 🤗

 

지난 시간에는 단축키, 컬러 프로파일, 넛지 피그마에 대해 알아보았다면 이번 시간에는 꼭 소장해야하는 리소스와 생산성 높은 플러그인에 대해 배우는 시간이 될 것 같습니다.

 

 

1.  피그마 커뮤니티에서 꼭 소장해야 하는 리소스

 

필요 이상의 노력을 들이지 않고도 쉽게 작업을 할 수 있도록 돕는 리소스에 대해 알아보겠습니다. 칼퇴를 위한 길이기도 하죠.

 

1)

Google, Material 3 Design Kit 은 이 안의 리소스만 잘 활용해도 그대로 사용해도 될만큼 고퀄리티의 자료들이 포함돼있다고 합니다. 

 

2)

Apple, Design Resources 에서 애플의 시스템 UI가 모두 포함돼있기 때문에 유용한 리소스임이 분명합니다.

 

3)

밀리의 서재, millie Design Library 2.0의 경우 국내 개발 환경과 국내 디자이너들의 환경을 효율적으로 파악하여 리소스가 제공되고 있습니다. 

 

4) 

Google, Material Design Icons 에서는 아이콘만 필요하거나 굉장히 다양한 종류의 적절한 아이콘이 존재하기 때문에 매우 유용한 리소스입니다.

 

5)
macOS Browser UI Kit는 모바일 환경 외에 PC에 사용하는 브라우저 형태의 UI를 디자인할 경우 참고하기 좋은 리소스입니다. 라이트/ 다크모드 2버전 다 구비돼있습니다.

 

6)
Free Emoji Pack 의 경우 윈도우에서 피그마 작업을 할 경우 애플의 이모지를 간편하게 사용하고 싶다면 이 프리 이모지 팩을 사용하여 간편하고 빠르게 사용할 수 있습니다.

 

 

 

2. 생산성을 높여주는 플러그인

 

 

 

상단의 메뉴에서 Plugins 에서 필요한 플러그인을 검색해서 사용을 할 수 있게 됩니다. 예시로 Auto를 검색해서 Autoflow 를 Run 해보도록 하겠습니다.

 

사진과 같이 컴포넌트들을 선택해서 자동으로 연결하여주고, 원하는 서식으로 플로우를 그려서 나타낼 수 있게 됩니다. 

 

이미지와 관련된 플러그인으로 대표적인 것은 Unsplash라는 플러그인이 있습니다.

이 플러그인의 경우 예쁘고 다양한 이미지들을 무료로 신속하게 검색하여 사용할 수 있게 돕는 기능을 갖고 있습니다. 대부분 무료 이미지들도 퀄리티가 좋기 때문에 많은 디자이너들에게 인기가 많다고 합니다.

 

 

 

 

 

피그마 입문 강의 :

 

https://mcode.co.kr/video/list2?viewMode=view&idx=78 

메타코드M

 

 

#피그마사용법 #피그마유료 #피그마다운로드 #피그마자격증 #피그마무료 #피그마 #피그마강의 #피그마사이트 #피그마다운 #메타코드엠 #메타코드