brunch

You can make anything
by writing

C.S.Lewis

by 생각하는 에밀리 Sep 01. 2022

피그마 사용 방법(2) - 플러그인(1)

UI/UX 디자이너의 피그마 사용법

피그마는 OS와 관계없이 웹 브라우저에서 이용이 가능하기 때문에 디자이너뿐만 아니라 기획자들도 점차 많이 사용하는 추세인 것 같다. (개인적으로는 장단점이 있지만 브라우저보다 설치형 사용이 더 편리하게 느껴진다.) 디자이너인 내가 사용하고 있고 추가해서 사용하면 좋을 것 같은 플러그인에 대해 공유하려고 한다.

현재 피그마에 저장한 플러그인

아래 이미지를 보면 오른쪽 하단의 검정 박스 속 플러그인들이 현재 설치되어 있는 플러그인이다.

Autoflow

플로우 차트를 확인할 수 있도록 도와주는 플러그인으로 피그마 내 작업한 화면 간 경로를 쉽게 생성해 시각적으로 표현해주기 때문에 유용하다.

Content Reel

더미 텍스트, 사용자명, 주소 등 화면에 필요한 더미 데이터를 바로 적용시켜주는 플러그인이다. 아래 이미지와 같이 원하는 항목을 선택하면 사용할 수 있는 후보 목록이 나타난다.

Convertify to Sketch/XD/AE/EPS

한 번의 클릭으로 디자인을 Figma에서 Sketch, Adobe XD, After Effects 또는 EPS로 변환하고 내보낼 수 있는 플러그인으로 아직 사용해본 적은 없으나 필요할 수 있는 기능이라고 생각한다.

- Feather Icons

https://feathericons.com/의 오픈소스 아이콘을 빠르게 가져올 수 있는 플러그인이다. MIT라이선스이기 때문에 상업적으로 무료로 이용이 가능하다.

Iconify

여러 스타일의 아이콘을 비교하면서 한꺼번에 찾아서 적용할 수 있는 플러그인이다.

Image Palette

선택한 이미지에서 5가지 색상의 색상 팔레트를 추출해주는 플러그인이지만 속도가 느려서 잘 사용하지 않는 플러그인이다. 이미지를 가져와서 스포이드로 찍은 뒤 사용하기 좋은 컬러로 팔레트에서 움직여가면서 고르는 게 더 나은 것 같다.

Lorem ipsum

더미 텍스트로 내용을 채우기 위해 'Lorem ipsum'을 생성해주는 플러그인이다. 원하는 텍스트 양에 따라서 5 Words, 5 Sentences, 5 Paragraphs 중 적용하면 되는데, 디자인 작업을 할 때 더미 데이터보다는 실제 데이터를 많이 입히는 편이기 때문에 최근 사용하지 않는 플러그인이다.