디자이너를 위한 15가지 최고의 Figma 플러그입니다 (The 15 best Figma plugins for designers (so far))

이 글은 Deep Joshi (Product Designer)The 15 best Figma plugins for designers (so far)글을 번역했습니다. 저의 모든 글은 허가를 받고 진행 하였습니다

팀이 더 빠른 워크플로우를 구축할 수 있도록 지원합니다.

presentation
저는 Figma Plugin 출시 행사를 보고 Figma 디자인 팀에 대해 정말 감사하게 생각합니다. 디자이너들을 위한 놀라운 협업 플랫폼으로 성장하면서 플러그인 영역을 탐색하고 직접 플러그인 목록을 만들었고 이러한 플러그 인을 통해 디자인 워크플로우를 더욱 빠르고 효율적으로 만들 수 있었습니다. 이 점이 마음에 드는데, 워크플로우를 더 빠르게 만들고 더 나은 인터페이스와 경험을 디자인할 수 있도록 귀하와 공유하고자 합니다.

1.Autoflow

presentation
Autoflow를 사용하면 흐름을 쉽게 그릴 수 있습니다. 2개의 개체를 선택하고, 핫키를 치면 그 사이에 선이 마법처럼 그려집니다.
사용 방법
  1. 개체 2개를 선택합니다.
  2. 마우스 오른쪽 단추를 클릭하고 플러그인 메뉴에서 Autoflow를 찾습니다.
  3. 마지막 플러그인을 실행하기 위해 ⌥⌘P를 눌러 모든 화면을 연결합니다.

2.Product Planner

presentation
Product Planner를 사용하면 프로세스를 보다 쉽게 시작하고, 제품 계획, 제품 통찰력, 위험 식별, 목표 설정 및 문제 파악 및 해결할 수 있습니다. 작업과 관련된 미리 작성된 템플릿을 사용합니다. Figma는 공유 이해의 힘뿐만 아니라 제약이 없는 협업을 믿고 있습니다.
우리는 팀이 Figma에서 다음 번 큰 것을 만들 수 있도록 힘을 실어주는 임무를 수행해 왔습니다. 환상적인 Figma 사용자를 위한 협업 플러그인을 구축하고자 합니다. 우리는 Figma 사용자들과 "오늘 우리는 베타 버전을 출시하여 시험해 볼 수 있다"는 소식을 공유하게 되어 기쁩니다. 곧 아이디어에서 팀워크를 통해 통찰력에 더 많은 템플릿을 추가할 것입니다. 더 나은 방식으로

3. Remove BG

presentation
remove.bg API를 사용하여 한 번의 클릭만으로 이미지의 배경을 자동으로 제거합니다. 참고: 이 플러그인을 사용하려면 remove.bg 계정이 필요합니다.

4.Figmotion

presentation
Figmotion은 Figma에서 바로 제작된 애니메이션 도구입니다. 따라서 Principle, Haiku 또는 After Effects와 같이 완전히 분리된 모션 도구로 전환할 필요가 없으므로 애니메이션을 보다 쉽고 편리하게 입력할 수 있습니다. Figmotion은 웹 기술을 염두에 두고 제작되었을 뿐만 아니라 개발자에게 애니메이션을 보다 쉽게 전달할 수 있도록 합니다.

5.Isometric

presentation
isometric을 사용하면 등축 레이어글 수동으로 설정할 필요 없이 작성할 수 있습니다.
isometric 사용 방법:
  1. 레이어를 선택합니다.
  2. 마우스 오른쪽 버튼클릭 > isometric
  3. Perspective를 선택합니다. 이 프로젝트는 오픈 소스이며 MIT 라이센스가 부여되었습니다.

6. Content Reel

presentation
레이아웃을 위한 컨텐츠가 필요합니까? Content Reel을 사용하면 텍스트 문자열, 아바타 및 아이콘을 설계에 쉽게 넣을 수 있습니다. 먼저 설계 파일에서 하나 이상의 레이어를 선택한 다음 적용할 Content Reel palette에서 선택합니다.

7.Rename It (Same rating)

presentation
Figma 파일을 정리하여 배치 이름 변경 계층 및 프레임을 유지합니다.

7.Color Palettes (Same rating)

presentation
최고의 색상 팔레트 리스트에서 최상의 색상 팔레트를 찾으십시오. "Color Palettes plugin"에서 디자인까지 바로 아름다운 색상을 채웁니다. Figma용 Color Palettes를 사용하면 Color Palettes 플러그인에서 기억나는 색상 코드, 팔레트 번호 또는 이름을 검색하여 디자인에 적용하여 멋스럽게 만들 수 있습니다.

8.Component Cloner

presentation
기존 구성 요소를 망치지 않고 구성 요소를 사용하여 만든 아이디어를 반복하고 인스턴스 간의 차이를 복사하고 싶으신 적이 있습니까? 구성 요소 복제자(cloner)를 사용하면 복사할 구성 요소 인스턴스를 선택할 수 있으며 이러한 인스턴스는 원래 마스터 구성 요소의 새 복사본에 할당됩니다. 구성 요소의 복제본을 만들 수도 있습니다.

9.Unsplash

presentation
Unsplash의 아름다운 이미지를 디자인에 바로 삽입합니다. Unsplash for Figma를 사용하면 랜덤 이미지를 삽입하거나 특정 이미지를 검색할 수 있습니다. Unsplash 라이센스를 통해 이미지를 상업적 및 개인 프로젝트 모두에 자유롭게 사용할 수 있습니다.

10.Brands Colors

presentation
세계 최고의 브랜드에서 최고의 색상을 찾고 멋진 앱이 "Brands Colors plugin"의 아름다운 색상을 디자인에 바로 채웁니다. Figma용 브랜드 컬러로 좋아하는 브랜드의 색상이나 앱의 색상을 검색하여 디자인에 적용하여 멋스럽게 연출하실 수 있습니다.

11.Datavizer

presentation
bar chart, scatter plot 또는 line chart를 직접 작성합니다! 또는 랜덤 데이터 세트를 사용하여 모양 또는 더미 데이터(예: 대시보드 모형을 위한 스파크라인)를 빠르게 생성할 수 있습니다. 사용자 고유의 데이터(CSV 또는 JSON 파일)를 업로드할 때 숫자 키를 모두 가져와서 각 관련 치수에 대해 선택할 수 있습니다.

12. Iconscout (same rating)

presentation
Iconscout을 사용하면 수백만 개의 고품질 아이콘, 그림 및 재고 사진을 Figma에 바로 삽입할 수 있습니다. 이 기능을 사용하면 다음과 같은 놀라운 기능을 이용할 수 있습니다.
1. Iconscout에서 수백만 개의 고품질 아이콘, 그림 및 재고 사진을 볼 수 있습니다.
2. 강력한 검색을 통해 Figma 내에서 필요한 완벽한 리소스를 찾을 수 있습니다.
3. 아이콘이나 이미지를 삽입할 파일 형식과 해상도를 선택합니다.
4. Iconscout 계정으로 로그인하여 다운로드 등에 액세스합니다.
5. 디자이너 모드: 전체 Iconscout 라이브러리에서 검색하지 않고 좋아하는 디자이너 & 사진작가를 선택하고 해당 리소스에 직접 액세스할 수 있습니다.
6. Iconscout 구독으로 프리미엄 자산을 다운로드합니다.

12. Icon Resizer (same rating)

presentation
아이콘의 크기를 디자인 설계의 표준 크기 및 bounding box 로 조정합니다. 모든 아이콘의 크기가 동일하고 사각형 bounding box 가 있으면 작업하기가 훨씬 쉽습니다. 프레임을 하나 이상 선택하고 아이콘과 bounding box 크기를 설정합니다. 다 됐어요!

13. Image Palette

presentation
선택한 영상에서 5가지 색상의 색상 팔레트를 추출합니다. 참고: 이 알고리즘은 영상에서 가장 두드러진 다른 색상에 대략적으로 가까운 중간 절단 알고리즘을 사용합니다. 알고리즘은 빠르지만 때로는 색상이 낮은 영상, 벡터 그래픽의 영상 등과 같은 비정상적인 결과를 초래할 수 있습니다. 추출된 색상이 영상의 16진수 코드와 정확히 일치하지 않을 수 있습니다.

14. Viewports

presentation
모바일 디자인 설계가 합리적인 시장 점유율을 차지하고 있는지 확인합니다! 프레임을 하나 이상 선택하면 Viewports를 사용하여 프레임을 원하는 장치로 크기를 변경할 수 있습니다. 간단해요! 현재 지원되는 기능은 다음과 같습니다. Apple iPhone Google 기기 다음으로: Samsung 기기 Desktop 기기입니다.

15. Interplay

presentation
Interplay는 디자인 설계 시스템 코드 저장소와 연결되어 Figma 내에서 디자인 설계 시스템 코드 구성 요소에 액세스하고 사용할 수 있습니다. 플러그인에서 코드 구성 요소를 찾고, 속성을 편집하고, 내용을 변경하고, 구성된 구성 요소를 Figma 캔버스로 끌 수 있습니다. Interplay는 Figma 구성 요소를 즉시 생성하여 설계가 항상 프로덕션 코드와 동기화되도록 관련 코드 구성 요소와 연결 상태를 유지합니다.
지금은 이게 제 목록입니다. 저는 새로운 멋진 플러그가 너무 기대돼요! 여러분들에게 유용한 정보를 찾길 바랍니다.
👉For Daily learning tips and tricks follow me on Instagram
👉Connect with me on LinkedIn
👉For more update join me on my Facebook page
👉 Also not forget to say Hello on twitter

이 글은 번역 글입니다. 원본 링크입니다.


안녕하세요! Early adopter입니다.
페이스북 [DTF] 디자인 번역 공장 - Design Translation Factory 그룹도 많이 가입해주시길 바랍니다.
"보버"에서 "디자인 번역 공장" 연재를 저와 함께 해주실 분을 찾습니다. 하단 "리뷰" 또는 "페이스북"으로 편하게 메시지 주세요!
PS. 제가 사용하는 블로그 "보버"에 "함께 쓰는 블로그"라는 기능이 요번에 추가됐네요 ㅋ (미디엄에 퍼블리케이션 같은 기능..)
하단 링크 글을 보시면 "디자인 번역 공장"에 어떻게 함께 연재할 수 있는지 자세히 설명되어있습니다. 또는 쉽게 FB 메시지 주세요!
https://bit.ly/2LxR0Bz