찾는 이유
소프트웨어 공학 수업을 들으면 꼭 Flow Chart나 ERD Diagram을 그리는 법을 배웁니다. 그리고 이게 중요하다고 강조합니다. 솔직히 현업에서 일하면서 최근까지도 이 말에 공감이 잘 안 됐습니다. 그런데 정말 복잡한 도메인과 비즈니스 로직을 몇 번 만났을 때 동료 분이 Flow Chart를 그리며 도메인을 파악하시는 걸 보며 1번 시도해 봤는데 너무 좋아서 저도 Flow Chart를 그리는 습관을 들이기로 하였습니다.
이렇게 Flow Chart든 다른 차트든 그리고 싶은 요구가 저 혼자만의 수요는 아닐 테니 당연히 시중에는 이미 여러 다양한 도구들이 넘쳐 납니다. 그중에서도 가장 유명하다고 생각하는 4가지 도구를 써 보고 비교해 보면서 어떤 도구를 쓸지 정했습니다. 우선 4가지 차트 앱들을 간단히 비교해 보겠습니다.
| 가격 | 사용 편의성 | 얼마나 예쁜지 | UI/UX | |
| FigJam | 무료 | 차트 도구라기 보다는 협업 도구라 차트로 사용하려면 추가적인 단계가 있음. 하지만 그거 치고는 편리 | 개성은 없지만 심플하고 이쁨 | 4 / 5 |
| Excalidraw | 무료 | 플로우 차트에 최적화, 굉장히 편함 | 개성 있지만 별로 안 이쁨 | 5 / 5 |
| Draw.io | 무료 | 차트 용인데도 사용하기 불편함. 단축키 지원이 부실함 | 개성 없고 안 이쁨 | 2 / 5 |
| Lucid Chart | 1달에 $7.95 | ? | 무난하게 예쁨 | 3 / 5 |
FigJam
팀을 위한 온라인 협업 화이트보드
FigJam은 팀이 함께 아이디어를 도표화하고, 브레인스토밍하고, 정리할 수 있는 시각적 협업 화이트보드입니다.
www.figma.com
널리 쓰이는건 이유가 있다
Figma는 이미 너무 유명하니 그와 비슷한 FigJam도 시도해 봤습니다. 사실 FigJam은 이미 회사에서 협업 툴로 몇 번 쓴 적이 있어서 익숙한데 이걸 Flow Chart로 쓸 생각은 못 해 보긴 했습니다.
비주얼은 이렇게 생겼습니다. 저 네모 세모가 원래 플로우 차트 용도는 아닌 거 같고 그냥 있는 도형인데 여기서는 플로우 차트 용도로 사용했습니다. 도형의 각 부분에 마우스를 가까이 가면 화살표가 바로 생기고 새로운 도형이 생겨 편리합니다.
완성된 디자인은 개인적으로 예쁜편인거 같지만 다 저런 식으로 비슷하게 생겼고 바꾸기도 힘들어서 개성은 없습니다. 하지만 Flow Chart에 굳이 개성을 찾을 필요는 없으니...
Excalidraw
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
excalidraw.com
개성을 조금만 죽였으면 선택했는데...
ExcaliDraw는 첫 인상이 굉장히 좋았습니다. FigJam과 달리 앱도 아닌 웹인데 UI/UX가 너무 좋아서 앱과 크게 다르지 않았습니다.
다만 1가지 크게 아쉬운 것은... 완성된 결과의 디자인이 마음에 안 들었습니다.
Draw.io
Flowchart Maker & Online Diagram Software
Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit d
app.diagrams.net
투박하고 사용하기 불편
일단 첫 인상은 UI가 투박하 다였습니다.
저장하는 장소가 여러개 인거는 굉장히 마음에 들었습니다.
단축키로 도형 그리기 있을 거 같은데 발견하기가 굉장히 어렵습니다. ExcaliDraw 같은 경우는 맨 위에 도형과 번호가 나와 있어 단축키를 발견하기가 굉장히 쉽습니다.
Lucid Chart
Lucidchart | Diagramming Powered By Intelligence
Take action on insights Use intelligent features to improve data visibility, so you can make informed decisions and boost innovation.
www.lucidchart.com
혼자만 유료인거 치고는 크게 다른 건 없는데?
잠깐 써봤는데 유료인거 치고는 크게 좋다고 느끼진 못 했습니다. 제 용도에서는 Flow Chart는 오래 계속 사용할 예정인데 자주 쓰지는 않으니 구독은 최악의 선택지였습니다. 그래서 크게 더 보지는 않았습니다.
최종 선택: FigJam
결국 최종 선택은 FigJam이였습니다. 이유는 여러 가지가 있는데요. 가장 큰 건 Figma 자체가 큰 회사니 계속 유지 보수 될 거란 믿음이 있었고, 그만큼 편했기 때문입니다. 사실 어떤 도구든 익숙해지고 배우는데 시간이 걸립니다. 힘들게 배워 놨더니 제품이 사라지거나 유지보수 되지 않으면 최악입니다.
4가지 도구를 쓰면서 사실 사용하기 가장 편리했던건 Excali였습니다. 저의 유일한 목적은 Flow Chart 그리기인데 Excali는 그 목적에 최적화 돼 있고 반응도 빨라 굉장히 마음에 들었습니다. 하지만... 막상 완성된 Flow Chart의 특유의 디자인이 마음에 안 들었습니다. 처음에는 그냥 참고할까 했는데 Flow Chart는 그리는 시간보다 보는 시간이 더 많을 텐데 취향이 아닌 디자인이 도저히 눈에 잘 들어오지 않아 결국 포기헀습니다.
사실 저는 Figma를 사용하고 싶어서 강의도 들었을 만큼 Figma에 익숙해져 있습니다. 그래서 여러 단축키나 사용법이 익숙한 것도 한몫한 거 같습니다. 그럼에도 다른 도구들이 괜찮으면 굳이 FigJam을 선택하지는 않았을 거 같은데 다 단점이 있어서 최종적으로는 FigJam을 선택했습니다! 😄