[Figma] 1주차 숙제 : 피그마 플러그인을 활용한 유저 플로우

 

STEP 1. 상단 'Resources' 버튼 클릭

 

---

STEP 2. 하단 탭 메뉴에서 'Plugins' 클릭

 

---

STEP 3. 검색창에 'flow char' 검색 후, 아래 Flow chart 클릭

 

---

STEP 4. 화면에 아래와 같이 플러그인이 실행된다면 정상!

안뜬다면 다시 step1 으로 돌아가기!

 

---

STEP 5. 아래에서 화살표가 가리키고 있는 상자 클릭

 

---

STEP 6. 아래와 같이 Frame 안에 클릭했던 상자가 나온다.

 

---

STEP 7. 상자 속 텍스트를 클릭하여 내용 변경

TIP! Cmd + 클릭 후, 엔터를 누르면 바로 텍스트를 입력할 수 있다.

 

---

STEP 8. 상자를 클릭하면 아래와 같이 하늘색 화살표가 나온다. 그중 원하는 화살표를 클릭

 

---

STEP 9. 아래와 같이 네 가지 도형이 나온다.

 

---

STEP 10. 그중 두 번째 마름모를 클릭

 

---

STEP 11. 아래와 같이 마름모가 위 상자와 연결된 상태로 나타난다.

 

---

STEP 12. 마름모 속 내용 변경하기

마름모 속 내용을 변경해주자!

 

---

STEP 13. 마름모를 밑에 하나 더 추가하면 둘 사이에 텍스트가 있는 화살표가 생긴다.

 

---

STEP 14. 화살표 속 텍스트를 더블클릭하여 내용을 변경

 

---

STEP 15. 위 마름모를 클릭하여 오른쪽 화살표를 눌러주기

 

---

STEP 16. 맨 밑 상자 클릭

 

---

STEP 17. 마름모와 상자를 연결하는 화살표 속 내용 변경

 

---

STEP 18. 아래 상자를 똑같이 추가하기

 

---

STEP 19. 완성!