피그마 #11
피그마 #11안녕하세요! 이번 강의에서는 작업 속도를 높이고 디자인을 더 효율적으로 할 수 있는 유용한 피그마 플러그인을 소개해 드릴게요. 피그마 기본 기능만으로도 충분히 디자인을 할 수 있지만, 플러그인을 활용하면 반복적인 작업을 줄이고, 더 다양한 디자인 스타일을 쉽게 적용할 수 있습니다. 플러그인 사용법과 알아두면 유용한 플러그인 몇가지 추천드립니다!
플러그인이란?
피그마 플러그인은 피그마의 기본 기능을 확장해 주는 추가 기능입니다. 마치 스마트폰에 기본으로 제공하는 앱 외에 추가로 필요한 앱을 설치하듯이, 피그마에서 제공하는 기능 외에 작업을 더 편리하게 만들기 위한 도구라고 생각하면 됩니다. 예를 들면, 아이콘을 불러오고, 변수를 시각화 하고, 그래프를 만들어주고 등등..
기본적인 피그마 기능만으로도 디자인이 가능하지만, 플러그인을 활용하면 반복적인 작업을 자동화하고, 더 다양한 스타일을 쉽게 적용할 수 있습니다.
플러그인 사용법
- 피그마 커뮤니티 탭으로 이동합니다.
- Plugins 카테고리에서 원하는 플러그인을 검색합니다.
- 실행하려면 Quick Actions (
Cmd + /) 또는 우클릭 > Plugins에서 선택하세요.
추천 플러그인 리스트
1. Unsplash (무료 고해상도 이미지 활용)
- 프로젝트에서 빠르게 고품질 이미지를 넣고 싶다면 유용합니다.
- 키워드로 검색 후 바로 적용 가능!
2. Iconify (수천 개의 아이콘 제공)
- 다양한 스타일의 아이콘을 피그마에서 바로 검색하고 추가할 수 있습니다.
- Material Icons, Font Awesome 등 인기 있는 아이콘 라이브러리 제공.
UI 완성을 위해 사용하기 보다는 화면 기획아니 디자인 초안 단계에서 필요한 아이콘 검색해서 사용하면 좋습니다.
3. 그래프 생성 Graph Generator
- 그래프 생성하는 플러그인으로, 5가지 타입을 제공합니다.
- 다양한 옵션을 제공합니다. 추가로 개발될 예정입니다.
4. 한글 더미
한글로 된 다양한 가짜 이름, 이메일, 주소 등 더미 데이터를 한 번에 생성할 수 있습니다.
디자인 시 실제 데이터가 적용된 느낌을 쉽게 구현할 수 있어요. 매번 직접 입력하는 것도 귀찮죠..? 이럴 때 사용하기 쉽도록 만들었습니다.
*일부 유료
5. Face Dummy
다양한 스타일의 얼굴 더미를 사용할 수 있습니다.
*일부 유료
6. DesignDoc [Spectral]
핸드오프를 도와주는 툴인데, 피그마 개발 모드를 통해 공유하는 것이 아닌 문서화를 할때 사용할 수 있습니다.
클릭 한번이면 해당 요소에 대한 가이드 문서를 만들어줍니다.
*일부 유료
7. Autoflow (UX/UI 플로우 다이어그램 만들기)
와이어프레임이나 사용자 플로우를 시각적으로 연결할 때 활용됩니다. 화면 간 흐름을 빠르게 정리할 수 있어요.
*일부 유료
8.Figmap – Map maker
맵 이미지를 바로 피그마에 넣을 수 있는 플러그인입니다. 검색을 하고, 맵의 스타일을 조정하고, 줌과 이미지 사이즈 설정 후 피그마에 삽입이 가능합니다.
맵이 필요할때 사용하면 좋습니다. 맵 관련 플러그인이 여러개 있는데, 사이즈를 조정할 수 있는 점은 좋네요.
그 외에도 많은 플러그인이 있으니, 커뮤니티에서 찾아보시면 좋습니다.
이렇게 기초에 대해서는 다 익혀봤는데 어려운 건 없었죠?! 이제 중급으로 넘어가볼게요.
