피그마 플로우 차트 그리기 (무료 ver)

피그잼에서 flow chart를 그려본 디자이너라면, 피그마에서 그리는것보다 훨씬 편리하다는 것을 공감할 것입니다. 피그잼에서는 레이어를 선택하면 객체끼리 자동으로 flow를 연결해주며, 텍스트를 추가할 수 있습니다. 이 글에서 피그잼의 flow 기능을 활용하여 피그마 플로우 차트 그리기를 손쉽게 할 수 있는 방법에 대해 알려드립니다.

피그잼이 뭐에요?

피그잼(FIGJAM)은 Figma에서 제공하는 협업 도구입니다. 주로 팀원들이 브레인스토밍, 플로우 차트 제작, 회의 노트 작성 등 다양한 협업 작업을 효율적으로 수행할 수 있도록 설계되었습니다. 피그잼은 가볍고 직관적인 인터페이스를 제공하여 누구나 쉽게 사용할 수 있습니다. 다음은 피그잼의 주요 특징들입니다.

  1. 실시간 협업: 여러 사용자가 동시에 작업할 수 있어, 아이디어를 빠르게 공유하고 피드백을 주고받을 수 있습니다.
  2. 화이트보드 기능: 자유롭게 그릴 수 있는 화이트보드와 유사한 환경을 제공하여, 시각적으로 아이디어를 정리하고 표현할 수 있습니다.
  3. 템플릿: 다양한 템플릿을 제공하여 사용자가 빠르게 시작할 수 있습니다. 예를 들어, 브레인스토밍, 플로우 차트, 회의 노트 템플릿 등이 있습니다.
  4. 도형 및 스티커: 다양한 도형과 스티커를 사용하여 아이디어를 쉽게 시각화할 수 있습니다.
  5. 댓글 및 피드백: 특정 부분에 댓글을 달아 팀원들과 소통하고 피드백을 받을 수 있습니다.
  6. 인터그레이션: 다른 Figma 파일이나 외부 도구와 통합하여 사용할 수 있습니다.

피그잼은 특히 원격 근무나 분산된 팀 환경에서 효과적으로 협업할 수 있도록 도와주는 도구입니다. 사용자는 웹 브라우저를 통해 쉽게 접근할 수 있으며, 직관적인 UI 덕분에 특별한 교육 없이도 사용할 수 있습니다.

피그마 플로우 차트 그리기

먼저 피그잼을 열어 플로우 선을 하나 그려봅니다. 피그마가 설치되어 있다면 별도의 설치 없이 피그잼을 사용할 수 있습니다. Drafts에서 우측 상단의 ‘FigJam board’를 클릭하면 피그잼 파일이 생성됩니다. 피그잼은 하단에 도구 툴이 존재합니다.

피그마 플로우 차트 그리기

도형과 화살표를 선택하여 쉽게 플로우를 그릴 수 있습니다. 먼저 도형을 그리고 해당 도형에 마우스를 대면 화살표가 생깁니다. 연결하고 싶은 도형으로 그래그하면 쉽게 플로우가 생성됩니다. 여기서 플로우를 선택한 후 Ctrl+C를 클릭하여 복사합니다.

피그마 플로우 차트 그리기

피그잼에서 복사한 플로우를 피그마에 붙여넣고, Give Me FigJam Connectors 플러그인에서 ‘Set’을 실행합니다. 이제 피그마에서 플로우를 사용할 수 있게 되었습니다.

피그마 플로우 차트 그리기

피그마에서 연결할 도형을 선택한 후 플러그인에서 Add a connector를 클릭하면 피그잼과 동일한 플로우가 생성됩니다.

피그마 플로우 차트 그리기

이제 피그잼처럼 이 플로우를 자유자재로 사용할 수 있습니다. 도형을 이동해보면, 피그잼처럼 플로우가 함께 움직이며 텍스트 수정이 가능합니다.

피그마 플로우 차트 그리기

물론 유명한 autoflow 플러그인을 활용하여 해당 기능을 사용할 수 있습니다. 하지만 autoflow는 50개까지만 무료이며, 이후 $29의 요금을 지불해야 무제한으로 이용할 수 있습니다. 유료를 선호하는 분이라면 autoflow를 결제하여 사용하는 것이 더 편리합니다. (현재는 월 구독이 아닌 $29 지불 시 영구적으로 이용이 가능합니다.) Give Me FigJam Connectors 플러그인은 autoflow의 유료결제가 부담되시는 분들에게 권장합니다.

피그마 팀 플랜을 유료 구독중인 분들은 피그잼을 팀 플랜에서 생성 시 자동으로 월 구독료가 추가됩니다. 나도 모르는 사이에 인보이스를 확인하시면 월 $5씩 자동으로 결제가 된 상황이 발생되니, 팀플랜으로 사용할 계획이 없다면 Draft에서 피그잼 파일을 생성하세요.

그동안 flow chart나 화면 플로우를 그리느라 구글 슬라이드나 draw.io에서 많은 시간과 에너지를 소비했다면 이 글에서 소개해드린 플러그인을 사용해보세요. 피그마 플로우 차트 그리기 신세계를 경험하실 수 있습니다.

참고

3 thoughts on “피그마 플로우 차트 그리기 (무료 ver)”

Leave a Comment