PC 및 모바일

Figma에서 플러그인 추가 및 사용 방법

모든 디자이너는 항상 보다 효율적으로 작업하는 데 도움이 되는 새로운 기술이나 기술을 찾고 있습니다. Figma는 작업 흐름을 더 부드럽고 빠르게 만들 수 있는 플러그인으로 연결합니다. 플러그인은 Figma를 모든 워크플로 요구 사항을 위한 원스톱 상점으로 변환합니다. 이를 사용하여 몇 초 만에 전체 글꼴 범위를 선택하거나 매우 쉽게 전체 장식 세부 사항을 생성할 수 있습니다. 디자인을 복사하여 모든 올바른 레이어가 보존된 상태로 Figma에 붙여넣을 수도 있습니다.

Figma에서 플러그인 추가 및 사용 방법

PC에서 Figma의 플러그인을 사용하는 방법

Figma 플러그인의 대부분은 PC 환경에서 작동하도록 개발되었습니다. PC를 사용하면 "복사하여 붙여넣기" 또는 "저장하고 닫기"와 같이 가장 일반적으로 사용되는 기능에 대한 바로 가기를 만들기 위해 키 입력과 명령을 쉽게 사용자 지정할 수 있습니다. 이 두 가지 모두 Figma와 같은 디자인 앱의 필수 단축키입니다. Windows는 또한 사진 편집 소프트웨어(Paint) 및 벡터 일러스트레이션 소프트웨어(Inkscape)를 지원합니다. 둘 다 Figma에서 이미지를 만들거나 프로젝트 디자인 프로세스의 일부로 사용자 정의 아이콘 글꼴을 만들 때 매우 유용할 수 있습니다.

PC에서 Figma를 실행하는 경우 여러 위치에서 플러그인을 실행할 수 있습니다.

a) 빠른 작업 표시줄

빠른 작업 검색 표시줄을 사용하면 마우스를 터치하지 않고도 항목을 찾을 수 있습니다. 키보드만 있으면 됩니다.

빠른 작업 표시줄에서 플러그인을 실행하려면:

  1. Ctrl+/를 누릅니다.

  2. 팝업 창에 플러그인 이름을 입력합니다. 플러그인이 이미 설치되어 있으면 즉시 화면에 나타납니다. 대체로 유사한 이름을 가진 여러 플러그인이 있는 경우 Figma는 실행하려는 플러그인을 선택할 수 있도록 모든 플러그인을 표시합니다. 이 경우 위쪽 및 아래쪽 화살표 키를 사용하여 목록을 탐색할 수 있습니다.

  3. 플러그인을 찾으면 Enter 키를 눌러 플러그인 실행을 시작합니다. 이 시점에서 플러그인이 열려 있고 사용할 준비가 되어 있어야 합니다.

b) 파일 메뉴

파일 메뉴는 Figma 편집기의 왼쪽 상단 모서리에 있습니다. 새 파일 열기, 기존 작업 편집, 벡터 그리기, 텍스트 입력을 비롯한 다양한 명령을 실행할 수 있습니다. 파일 메뉴에서 플러그인을 실행할 수도 있습니다. 방법은 다음과 같습니다.

  1. 왼쪽 상단 모서리에 있는 3개의 수평선을 클릭합니다. 팝업 화면에 명령 목록이 표시되어야 합니다.

  2. "플러그인" 위로 마우스를 가져갑니다. 그러면 Figma에 설치한 모든 플러그인 목록이 열립니다.

  3. 실행하려는 플러그인을 클릭합니다.

c) 오른쪽 클릭 메뉴

오른쪽 클릭 메뉴 덕분에 플러그인을 시작하고 실행하는 과정이 복잡할 필요가 없습니다.

  1. 캔버스의 아무 곳에나 커서를 놓고 마우스 오른쪽 버튼을 누릅니다.

  2. "플러그인" 위로 마우스를 가져가면 Figma에 설치한 모든 플러그인 목록이 열립니다.

  3. 사용하려는 플러그인을 클릭합니다. 일부 플러그인은 실행하기 전에 화면에 프롬프트를 표시할 수 있습니다.

  4. 이 시점에서 플러그인은 현재 활성화된 개체, 레이어 또는 파일에서 의도한 작업을 실행합니다.

최근에 플러그인을 사용한 경우 마우스 오른쪽 버튼을 누른 다음 팝업 메뉴에서 "마지막 플러그인 실행"을 선택하여 다시 실행할 수 있습니다.

Mac의 Figma에서 플러그인을 추가 및 사용하는 방법

Figma 플러그인은 인터페이스가 즉시 제공하지 않는 기능을 추가하는 인기 있는 방법입니다. 코드베이스 검토와 실시간 변경 사이를 매끄럽게 전환할 수 있는 기능은 워크플로를 진행하면서 컨텍스트를 앞뒤로 전환하는 데 시간을 낭비하지 않는다는 것을 의미합니다.

Mac 컴퓨터는 Figma와 호환됩니다. 즉, 플러그인을 사용하여 프로젝트 작업을 하는 동안 효율성을 높일 수 있습니다.

Mac의 Figma에서 플러그인을 사용하는 방법은 다음과 같습니다.

  1. 컨트롤 + / 누르기

  2. 팝업 창에 플러그인 이름을 입력합니다. 위쪽 및 아래쪽 화살표 키를 사용하여 목록을 탐색합니다.

  3. 플러그인을 찾으면 Enter 키를 눌러 플러그인 실행을 시작합니다.

또는 오른쪽 클릭 메뉴를 통해 플러그인 명령을 실행하고 실행할 수 있습니다. 캔버스의 아무 부분이나 마우스 오른쪽 버튼으로 클릭한 다음 "플러그인" 버튼 아래에서 사용하려는 플러그인을 선택하기만 하면 됩니다.

마지막으로 사용한 플러그인을 다시 실행하려면 Option + Command + P를 누르십시오.

Figma 모바일 앱의 플러그인

Figma는 iOS 및 Android 기기용 모바일 앱과 함께 제공됩니다. 그러나 이러한 앱은 아직 베타 버전이므로 플러그인과 함께 사용하도록 최적화되지 않았습니다. 데스크탑 앱을 미러링하고 디자인의 축소된 버전을 보는 데만 사용할 수 있습니다. 데스크톱 앱에서 선택한 프레임이나 파일은 모바일 앱에도 표시됩니다.

웹 또는 데스크톱 앱에 동시에 로그인한 경우에만 모바일 앱을 사용할 수 있다는 점도 중요합니다.

가장 많이 추가된 Figma 플러그인

수많은 Figma 플러그인이 있지만 몇 가지 편리한 플러그인이 Figma 애호가들 사이에서 큰 인기를 끌고 있습니다. 다음은 가장 많이 추가된 상위 5개 Figma 플러그인입니다.

1. 언스플래쉬

디자이너로서 작업을 선보일 고품질 배경을 선택하는 것이 중요합니다. Unsplash는 개인 또는 상업용으로 다운로드할 수 있는 저작권 없는 무료 이미지를 제공하기 때문에 완벽한 솔루션이 될 수 있습니다. Unsplash의 사진은 일반적으로 매우 고품질이며 이 사이트는 거의 모든 디자인 요구 사항에 맞는 무료 사진을 제공합니다.

2. 아이콘화

동일한 페이지에 여러 아이콘을 만들려고 몇 시간을 소비하면서 기본 크기가 축소되지 않고 픽셀화되어 보인다는 사실을 깨닫는 것이 답답하지 않습니까? 아이콘파이를 입력합니다. 이것은 프론트 엔드 개발자가 아이콘 세트를 결합하고 아름답고 풍부하며 현대적인 사용자 인터페이스를 만드는 데 사용하는 플러그인입니다. Iconify는 외부 편집기 없이도 브라우저에서 직접 사용자 정의 아이콘이나 배지를 쉽게 추가할 수 있도록 설계되었습니다.

3. 머티리얼 디자인 아이콘

머티리얼 디자인 아이콘에는 필요한 모든 아이콘이 있습니다. 27,000개 이상의 아이콘을 사용할 수 있으므로 인터페이스에 가장 적합한 아이콘을 거의 찾을 수 있습니다.

Material Design Icon Suite는 다양한 아이콘 스타일을 렌더링하는 데 사용되는 벡터 그래픽 및 글꼴 파일과 함께 제공됩니다. 간단한 흑백 모양을 원하든 그라디언트, 그림자 또는 삽입된 그림자가 있는 여러 색상의 복잡한 구성을 원하든 이 플러그인을 사용하면 됩니다. 모양은 사용자의 편의를 위해 계층화된 SVG 파일 또는 계층화된 PNG 형식으로 제공됩니다.

4. 로렘 입숨

Lorem Ipsum은 디자인, 타이포그래피 및 인쇄에 사용되는 일종의 더미 텍스트입니다. 이 플러그인을 사용하면 디자이너가 실제 사본의 모양을 모방하기 위해 더미 콘텐츠 섹션을 삽입할 수 있습니다. 이 도구를 사용하면 근접성 및 배치, 줄당 단어 수, 문자 간격 및 커닝과 같은 세부 사항을 쉽게 확인할 수 있습니다. 타이포그래피 디자인과 일치하지 않을 수 있는 필러 콘텐츠 블록을 개발하는 데 시간을 할애할 필요가 없습니다.

5. 콘텐츠 릴

아이콘, 아바타 및 텍스트 문자열을 디자인에 가져와야 할 때 사용하는 플러그인입니다. 디자인에서 콘텐츠가 필요한 레이어를 선택한 다음 팔레트 메뉴에서 선호하는 콘텐츠 유형을 선택할 수 있는 간단한 도구 모음이 함께 제공됩니다. 플러그인을 사용하면 프로젝트의 필요에 따라 텍스트 문자열을 오름차순 또는 내림차순으로 구성할 수도 있습니다.

Figma 플러그인으로 시간 절약

원래 소프트웨어에 포함되지 않은 기능을 도입함으로써 Figma 플러그인은 보다 효율적으로 작업하고자 하는 디자이너들 사이에서 큰 호응을 얻었습니다. 동일한 것을 반복적으로 재현하는 데 소요되는 시간을 줄이는 데 도움이 될 수 있습니다. 기본 설계 도구를 전환하지 않고도 더 많은 가능성을 탐색할 수 있는 기회를 제공합니다. 그러나 주어진 플러그인은 개별 요구 사항에 따라 신중하게 고려해야 합니다.

가장 좋아하는 Figma 플러그인은 무엇입니까? 아래 의견 섹션에 알려주십시오.