<aside> 📎

참고 출처

1. FigJam 101: Getting Started — Figma Help Center — FigJam의 핵심 기능(스티키 노트, 도형, 커넥터, 템플릿)에 대한 공식 가이드입니다.
2. How to create a flowchart in FigJam — Figma Help Center — FigJam에서 플로우차트를 만들고 커넥터를 연결하는 방법의 공식 가이드입니다. </aside>

유저 플로우의 개념을 이해했습니다. 이제 실제로 그려 볼 자레입니다. 이번 레슨에서는 FigJam으로 IA와 유저 플로우를 작성할 때 필요한 핵심 기능을 익힉니다. FigJam을 기능에 집중하는 내일의 실습도 할 수 있게 됩니다.

FigJam 핵심 기능

• FigJam은 Figma에서 만든 온라인 화이트보드 도구로, 플로우차트 작성, 브레인스토밍, 팀 협업에 많이 사용됩니다.
• 계정을 생성하면 무료로 사용할 수 있으며, 상단 메뉴에서 'FigJam 파일'을 선택하면 새 보드가 열립니다.

플로우차트 작성에 필요한 핵심 기능

도형(Shape)

• 좌측 도구모음( 또는 S 키)에서 다양한 도형을 선택할 수 있습니다.
  • 직사각형: 화면 / 페이지
  • 다이아먼드: 의사결정 지점 (Yes/No 분기)
  • 원형 / 타원: 시작 또는 종료 지점
  • 마름모꼴: 프로세스 동작
• 도형 더블클릭 또는 T 키로 바로 텍스트를 입력할 수 있습니다.

커넥터(Connector)

• 도형 테두리에 요적을 가져가면 커넥터 항이 나타납니다. 클릭하면서 다른 도형으로 드래그하면 연결선이 생성됩니다.
• 커넥터를 더블클릭하면 화살표에 라벨을 달수 있습니다. 예: 'Yes', 'No', '로그인 성공'
• 커넥터는 직선, 공선, 구부린 선 등 유형을 바꿀 수 있습니다.

스티키 노트(Sticky Note)

• N 키 또는 좌측 도구모음에서 선택합니다.
• 플로우 작성 시 노트를 달거나, 브레인스토밍한 아이디어를 임시로 올려 둘 때 유용합니다.

템플릿(Template)

• 좌측 도구모음에서 템플릿 아이콘을 클릭하면 FigJam 내장 템플릿 목록이 나타납니다.
• '플로우차트', 'User Flow', 'IA' 등으로 검색하면 바로 활용할 수 있는 템플릿을 찾을 수 있습니다.