[Info] Figma 유저라면 꼭 확인해야할 플러그인 탑10 

2024. 8. 5.

디자인 업무 프로세스를 향상 시킬 수 있는 최고의 Figma 플러그인을 소개합니다.

Figma는 다양한 레벨의 디자이너들이 사용하는 강력한 디자인 툴입니다. 아름답고 인터랙티브한 디자인을 만들기 위한 편리한 기능이 이미 가득하지만 플러그인을 사용하여 워크플로우를 한 단계 더 높은 수준으로 끌어올릴 수 있습니다.

디자이너들에게 디자인 프로세스의 각 단계에서 시간과 노력을 절약하는데 도움이 되는 Figma 플러그인을 추천해 드리고. 각각의 플러그인의 특징과 장점, 사용법, 그리고 디자인 워크플로우의 어느 단계에서 플러그인을 사용하는 것이 가장 효과적인지에 대해서도 자세히 설명드리도록 하겠습니다.

끝까지 읽을 시간이 없으신 분들은 하기 리스트의 각 플러그인의 요점만 확인해보세요!

[시간이 없으신 분들을 위한] 플러그인 리스트!

  1. WireFrame - 신속하게 와이어프레임 작성

  2. Illustrations - 무료 일러스트

  3. ProtoPie - 피그마 디자인을 고충실도 프로토타입으로 작성

  4. PitchDeck Presentation Studio - 피치덱 작성 

  5. Autoflow - 간단한 유저 플로우 작성

  6. ProtoPie Genie - 피그마에서 직접 실감나는 인터랙션을 추가

  7. UIHUT - 디자인 리소스 검색

  8. Draw Connector - 레이어 연결

  9. TinyImage Compressor - 압축된 이미지 파일 내보내기

  10. Blush - 일러스트 만들기, 수정하기

1. WireFrame 

피그마용 와이어프레임 플러그인을 사용하면 처음부터 시작할 필요 없이 디자인을 위한 와이어프레임, 사용자 흐름, 프로토타입 및 기타 기본 구조를 만들 수 있습니다. 웹 및 모바일용 350개 이상의 맞춤형 그래픽을 포함한 무료 라이브러리와 함께 완성되어 시간이 부족한 디자이너에게 좋은 플러그인입니다. 추가적인 이점으로 실시간으로 동료들과 협력하면서 플러그인을 사용할 수도 있습니다.

작동 방식:

  • 피그마 커뮤니티에서 플러그인을 설치하고 피그마 디자인 프로젝트에서 플러그인을 실행합니다.

  • Figma에서 와이어 프레임을 드래그 앤 드롭으로 시작합니다. 

가격:

무료로 사용할 수 있습니다.

2. Illustrations 

Illustration Libraries for Figma는 디자인에 고품질의 일러스트레이션을 삽입하는 데 사용할 수 있는 무료 플러그인이며, 이 모든 것은 크리에이티브 커먼즈 라이선스로 자유롭게 사용할 수 있습니다. 디자인을 보기 좋게 만들기 위해 처음부터 일러스트레이션을 만들 필요가 없으며, 라이브러리에서 선택하고 선택하기만 하면 됩니다.

작동 방식:

  • 피그마 커뮤니티에서 플러그인을 설치하고 피그마 프로젝트에서 플러그인을 실행합니다.

  • 마음에 드는 그림을 찾을 때까지 라이브러리를 스크롤하거나 그림을 검색한 다음 그림을 프로젝트로 끌어다 놓습니다.

가격:

무료로 사용할 수 있습니다.

3. ProtoPie - Figma의 디자인을 hi-fi 프로토타입으로 만드는 데 최적

Figma용 ProtoPie 플러그인을 사용하면 디자인을 쉽게 내보낼 수 있어 실제 제품과 똑같이 작동하고 보이는 대화형 고충실도 프로토타입을 만들 수 있습니다. 이는 Figma만의 작업으로는 어렵습니다.

피그마가 일상적으로 사용하는 UI 디자인 도구라면, 프로토파이는 조건, 공식 및 변수와 같은 동적 상호 작용을 통해 프로토타입을 한 단계 더 발전시킬 수 있습니다. 텍스트 입력, 카메라, 음성 및 미디어 재생을 추가하거나 서로 커뮤니케이션을 하는 프로토타입을 만들 수도 있습니다.

작동 방식:

가격:

무료(유료 프로 및 엔터프라이즈 요금제 사용 가능).

4. PitchDeck Presentation Studio 

피그마용 피치덱 프레젠테이션 스튜디오 플러그인을 사용하면 피그마에서 프레젠테이션을 쉽게 만들 수 있어 피그마 자체 내에서 애니메이션과 실시간 미리보기를 지원합니다. 프레젠테이션을 파워포인트, 키노트, 구글 슬라이드, PDF 등 다양한 파일 형식으로 내보낼 수 있으며 룸, 칸바, 로티, 스포티파이 등의 자산을 내장할 수 있습니다.

작동 방식:

  • 피그마 커뮤니티에서 플러그인을 설치하고 피그마 프로젝트에서 플러그인을 실행합니다.

  • 플러그인 사용 방법에 대한 자세한 내용은 사용자 가이드를 확인하십시오.

가격:

무료(유료 프로 버전 사용 가능).

5. Autoflow 

오토플로우는 피그마용 플러그인으로 사용자 흐름, 다이어그램, 그래픽을 손으로 그리거나 미니멀리즘 스타일로 빠르고 쉽게 만들 수 있도록 도와줍니다. 오토플로우의 지능형 장애물 감지, 텍스트 주석, 사용자 지정 경로 라우팅 등을 통해 연마된 흐름 차트를 빠르고 쉽게 만들 수 있습니다.

작동 방식:

  • 피그마 커뮤니티에서 플러그인을 설치하고 피그마 프로젝트에서 플러그인을 실행합니다.

  • Shift 키를 눌러 두 개체를 선택하면 자동 흐름이 화살표를 그려 연결합니다.

가격:

무료(최대 50개 플로우), 29달러의 일회성 비용을 지불하고 평생동안 개인으로 이용이 가능합니다.

6. ProtoPie Genie -피그마에 직접 실감나는 인터랙션을 추가

ProtoPie Genie 플러그인을 사용하면 몇 초 안에 피그마 프로토타입에 직접 실제와 같은 인터랙션을 추가할 수 있습니다.

플러그인의 인터랙션은 피그마 프로토타입을 새로운 수준으로 끌어올려 커뮤니케이션을 풍부하게 하고 뛰어난 품질로 사용자 테스트를 향상시킵니다.

베타 버전인 현재 플러그인은 프로토타입에 대화형 입력 필드를 추가할 수 있습니다. 곧 출시될 더 많은 기능을 기대해주세요!

작동 방식:

  • 피그마 프로젝트에서 프로토파이 지니 플러그인을 엽니다.

  • 인터랙션을 추가할 피그마 개체를 선택하고 인터랙션을 추가합니다.

  • 인터랙션이 포함된 피그마 흐름을 선택하고 미리보기/게시 버튼을 클릭합니다.

  • 인터랙션이 추가된 피그마 프로토타입을 사용해 보세요!

가격:

무료

7. UIHUT

UIHUT는 수천 개의 UI 키트, 웹 템플릿, 일러스트레이션, 3D 자산 및 아이콘에 대한 액세스를 포함하여 개별 디자이너 및 디자인 팀을 위한 방대한 리소스 라이브러리를 제공하는 피그마 플러그인입니다. 이 플러그인을 사용하면 워크플로우를 개선하고 모든 디자인에 필요한 컴포넌트를 찾을 수 있습니다.

작동 방식:

  • 피그마 커뮤니티에서 플러그인을 설치하고 피그마 프로젝트에서 플러그인을 실행합니다.

  • UIHUT로 계정을 만들고 로그인합니다.

  • 카테고리나 검색 기능을 통해 마음에 드는 디자인을 찾고 파일을 복사하여 피그마 디자인 보드에 붙여넣습니다.

가격:

무료(프로 및 팀 버전 사용 가능).

8. Draw Connector

드로우 커넥터(Draw Connector)는 프리미엄 피그마 플러그인으로, 사용자가 레이어 사이에 완벽한 직각의 커넥터를 그릴 수 있고, 가장자리, 커넥터 단자, 스트로크 색상, 너비, 스타일 등을 사용자 정의할 수 있습니다. 지능형 경로 찾기를 통해 이 플러그인은 연결된 레이어가 변경될 때 자동으로 업데이트되므로 정확한 다이어그램을 쉽게 만들고 유지 관리할 수 있습니다.

작동 방식:

  • 피그마 커뮤니티에서 플러그인을 설치하고 피그마 디자인 프로젝트에서 플러그인을 실행합니다.

  • 두 개의 레이어를 선택하여 연결합니다.

가격:

사용자는 피그마 디자인 파일당 5회의 무료 사용을 할 수 있고, 사용자당 1회 사용료 39달러에 드로우 커넥터를 영구적으로 잠금 해제할 수 있는 옵션이 있습니다.

9. TinyImage Compressor

타이니이미지 컴프레서는 강력한 피그마 플러그인으로, 디자이너가 데이터를 비공개로 유지하면서 피그마에서 기본 내보내기보다 최대 95% 작은 이미지를 내보낼 수 있습니다. 타이니이미지 컴프레서는 사용자 지정 가능한 이미지 압축 수준, 내보내기 형식 및 파일 크기와 같은 기능을 통해 웹 및 모바일 디자인에 이미지를 쉽게 최적화할 수 있습니다.

작동 방식:

가격:

무료(프로버전 가능): 타이니이미지 프로 15개 무료 체험판이 무료 버전과 함께 포함되어 있습니다.

10. Blush

블러쉬는 일러스트레이션을 커스터마이징하는 데 사용할 수 있는 피그마 플러그인입니다. 다양한 믹스 앤 매치 가능한 디자인 요소, 아티스트 컬렉션 및 무작위 구성 생성 옵션을 통해 블러쉬는 브랜드에 맞는 독특한 일러스트레이션을 쉽게 만들 수 있도록 하여 기존 일러스트레이션을 찾거나 처음부터 디자인하는 데 시간을 들이지 않아도 됩니다.

작동 방식:

  • 여기에 플러그인을 설치하고 피그마 프로젝트에서 플러그인을 실행합니다.

  • 컬렉션을 선택하고 구성을 선택하여 캔버스에 놓고 마음에 드는 것이 있을 때까지 계속 사용할 수 있습니다.

가격:

무료(프로버전은 월 20달러에 제공됩니다).

지금 무료로 프로토파이를 사용해 보세요!

ProtoPie는 피그마와 통합되어 놀라운 디자인을 인터랙티브하고 사실적인 프로토타입으로 바꾸는 사용하기 쉬운 고성능 프로토타입 제작 도구입니다. 지금 바로 ProtoPie를 무료로 시작하세요!