[디자인부트캠프] Chapter 7. 피그마 추가기능

1, 피그마 플러그인(Figma Plugin)

사용자의 작업을 도와주는 추가 기능/도구

 

📌 장점: 반복 작업 자동화, 디자인에 필요한 리소스를 빠르게 추가, 팀 협업 원활화

 

📑 추천 플러그인

• Unsplash :고퀄리티 무료 이미지를 디자인에 바로 삽입할 수 있죠.
• Iconify: 수천 개의 아이콘을 피그마에서 바로 불러와 사용할 수 있어요.
• Material design icons: google Material design 아이콘을 사용할 수 있는 플러그인
• 3Dicons: 3D아이콘 제작
• Content Reel: 더미 텍스트 및 데이터 제공
• Lorem Ipsum: 더미 텍스트 제공
• Design Doc [Spectral]: 디자인 작업에 대한 문서화(documentation)를 도와줌
• Auto flow: 두 개 이상의 프레임(화면, 컴포넌트) 사이에 자동으로 선(화살표)을 연결해주는 플러그인
• Wireframe designer : 와이어프레임(wireframe)을 빠르고 쉽게 만드는 데 최적화된 도구
• Figmap - Map maker : 지도 기반 디자인을 손쉽게 구현할 수 있도록 도와주는 플러그인
• html.to.design: 실제 웹사이트의 HTML을 기반으로 피그마 디자인으로 자동 변환해주는 플러그인

 

❓ 사용법

플러그인 페이지에서 필요한 플러그인을 검색하여 선택 후 Run

2. 디자인 스타일 설정

텍스트(글꼴/크기/자간 및 행간), 컬러(색상과 투명도), 이펙트(그림자와 블러), 그리드 등의 스타일을 미리 설정해두고 사용할 수 있는 기능