이번에는 플러그인과 커뮤니티 기능에 대해서 알아보도록 하겠습니다. 피그마에서 자주 사용하는 기능이며, 웹 디자인을 할 때 유저가 편하게 이용할 수 있는 여러 기능을 묶은 모음집이라고 생각하시면 됩니다. 여러 가지 플러그인 기능을 활용해서 나의 작업 속도를 빠르게 만들고, UI를 완성도 있게 구축하는 것이 아니라 테스트해봐야 하는 상황에서도 요긴하게 사용할 수 있어요. 또한 다른 사람이 이미 만들어 놓은 템플릿 등도 커뮤니티에 들어가면 검색해서 활용할 수 있으니 적극적으로 이용해 보시기 바랍니다.
1. 플러그인 알아보기
Unsplash는 저작권 걱정 없이 무료로 사용할 수 있는 좋은 사진을 모아놓은 사이트입니다. Figma에서는 이를 플러그인으로 사용할 수 있습니다. Figma 메뉴 바를 보면 각종 도형이 4개 모여있는 아이콘이 있습니다. 이 아이콘을 클릭하고 plugins를 누른 다음 Unsplash를 검색하면 플러그인을 찾을 수 있습니다. 내가 작업하던 화면 위에 새로운 창이 뜨면 플러그인이 켜진 것입니다. 여기에 검색 기능을 누르고 내가 원하는 사진을 검색하면 됩니다. 각 요소를 클릭해도 되고, 아니면 다중 선택을 통해 한꺼번에 사진을 변경할 수도 있습니다.
Content Reel 플러그인도 있습니다. 이 플러그인은 텍스트와 이미지를 랜덤으로 채워주는 기능입니다. 실행 후에 사람 이름을 선택하고 텍스트에서 full name을 클릭하면 사람 이름이 랜덤으로 들어갑니다. 유용한 플로그인을 아는 것으로 Figma 생산성을 높일 수 있습니다. 이전까지 사용했던 기능은 윈도우에서는 Ctrl + P, 맥 OS에서는 Cmd + P를 단축키로 사용하여 쉽게 기능을 다시 불러올 수 있습니다.
2. 커뮤니티 알아보기
Figma의 모든 유저들이 자신이 만든 작업물이나 템플릿, 플러그인 등을 올려놓는 온라인 공간을 커뮤니티라고 부릅니다. 유저들이 직접 올린 디자인 작업물도 있고, 다른 사람들이 다운로드할 수 있게 템플릿 형식으로 만든 Figma 파일도 있습니다. 위에서 살펴본 플러그인 또한 사람들이 자주 쓰는 기능을 묶어서 다른 사람들도 편하게 사용할 수 있게 커뮤니티에 업로드한 기능입니다.
메뉴바 하단에 필터를 설정해서 내가 원하는 정보만 선별해서 검색하는 것도 가능합니다. 사람들이 가장 많이 사용하는 무료 플러그인의 목록도 확인할 수 있습니다. 무료 플로그인 뿐만 아니라 유료 플로그인, 혹은 일부 기능만 유료인 플러그인도 많습니다. 체험도 가능하니 먼저 무료로 사용해 보시고 나에게 필요한 기능이라면 그때 구매하시면 됩니다. 웹 디자인을 할 때 좋은 플러그인도 하단에 추천해 보겠습니다.
| 항목 | 플러그인 이름 |
| 아이콘 | - Feather Icons (정제된 톤의 아이콘 모음) - Material Design Icons (정제된 톤의 아이콘 모음) - iconify |
| 이미지/텍스트 | - Content Reel (랜덤 텍스트/이미지 생성) - Unsplash (퀄리티 있는 무료 이미지 + 랜덤 배치) - Blush (플랫 한 커스텀 이미지 생성기) |
| 기타 | - Remove.bg (배경 제거) - Blobs (랜덤 한 형태의 모양 생성) - Stark (대비 체크) - Breakpoints (반응형 디자인 시뮬레이터) |
※ 해당 글은 코드잇(codeit)의 [Figma 핵심 기능] 강의 내용에서 참고하여 작성하였습니다.