[Figma] 피그마 플러그인 사용법 - 무료 아이콘 플러그인, Iconify 추천
안녕하세요 재키입니다!
오늘은 피그마의 확장성을 무궁무진하게 열어준 피그마의 꽃 플러그인 사용법에 대해 알려드리려고 해요.
1. 피그마 figma 플러그인 소개
새로 피그마의 UI가 바뀌면서, 플러그인은 Actions라는 메뉴 안으로 들어가게 됐어요. Actions 안에는 아래 4가지 기능이 있어요.
2. Use common productivity actions
오늘은 여기서 4번째 기능인 플러그인 사용법에 대해 알려드릴게요.
Actions 메뉴에 대한 Figma 공식 웹사이트 소개는 아래 링크에서 확인하실 수 있어요.
https://help.figma.com/hc/en-us/articles/23570416033943-Use-the-actions-menu-in-Figma-Design
2. 피그마 figma 플러그인 사용법
그러면 본격적으로 피그마를 열어서 플러그인을 사용하는 방법에 대해 알려드릴게요.
1. 먼저, Action 메뉴를 눌러주세요
2. Plugins & widgets을 눌러주세요.
3. 원하는 플러그인을 찾아 선택해서 눌러주세요.
3. 피그마 figma 무료 플러그인 Iconify 추천
제가 피그마에서 가장 많이 사용하고, 추천하는 플러그인은 Inconify에요. UI에 기본 중에 기본인 무료 아이콘들을 쓸 수 있는 플러그인이에요. 여러 공식 Iconography도 모두 나와있고, 바로 피그마에 쉽게 가져다 쓸 수 있다는 점이 큰 장점이라고 생각해요. 사용하는 방법은 정말 간단해요.
1. Action 검색창에 Iconify를 검색한 후, 눌러주세요.
2. Icon sets에서 선택하거나, search를 해서 원하는 아이콘을 찾을 수 있어요.
검색하실 때는 아이콘과 관련된 용어로 검색하면 찾기 쉬워요. 예를 들면, 돋보기 아이콘은 search, 화살표는 arrow, 등 iconography에서 자주 사용하는 표현들로 찾으면 돼요.
3. 특정 icon set 안에서 icon을 검색하실 수 있어요.
검색하실 때는 아이콘과 관련된 용어로 검색하면 찾기 쉬워요. 예를 들면, 돋보기 아이콘은 search, 화살표는 arrow, 등 iconography에서 자주 사용하는 표현들로 찾으면 돼요.
4. 원하시는 아이콘을 누르면, 하단에 있는 2가지 옵션으로 아이콘을 불러올 수 있어요.
1. Import as frame 프레임으로 가져오기
2. Import as component 컴포넌트로 가져오기
1. Import as frame은 피그마에서 Frame 프레임의 형태로 아이콘을 불러올 수 있어요.
2. Import as component은 피그마에서 Component 컴포넌트 형태로 아이콘을 불러올 수 있어요.
3. 불러오기 전에 아이콘의 사이즈나 컬러 옵션을 선택할 수 있어요.
하지만 Iconify에서 아이콘을 불러오기 전에 옵션을 바꾸는 건 약간 번거로워서, 대부분 불러온 후에 피그마에서 사이즈나 컬러를 한 번에 조절하면서 쓰고 있어요.
자, 오늘은 피그마 플러그인 사용법과 플러그인 추천에 대해 다뤄봤어요. 다들 잘 따라오셨나요? 혹시 사용하시면서 궁금한 점이 있거나, 피그마에서 다뤄주면 좋을 내용이 있다면 언제든 댓글로 알려주세요! 오늘도 읽어주셔서 감사합니다.