간단하게 플로우차트 그리기 (with diagrams.net)

간단한 플로차트 그리기 도구(diagram.net)

    플로차트를 그릴때 주로 사용했던 도구는 PPT, Adobe illustrator, Adobe XD를 사용했었는데, 최근에 간단한 화면 플로를 그릴 일이 생겨서 XD로 진행하려다가 좀 더 그리기 쉽고 무료인 앱을 찾아보기로 했다.

    일단 기존에 내가 쓰던 도구들은 다이어그램 그리기에 필요없는 기능들이 많고, 그래서 학습 난이도가 높다. 게다가 구독료도 무시할수 없는 수준.

    플로차트만 그리면 되는데 저런 프로그램들의 일부 기능을 쓰기 위해서 라이선스를 굳이 구매해야 할 필요성도 못느끼고 무엇보다 저 소프트웨어들이 없는 환경에서 설치를 하는 시간과 PC의 리소스가 아깝다고 생각이 들었다.

 

그래서 구글링을 하다가 diagram.net이라는 툴을 발견.

정말 여러가지 툴이 많았지만 이게 제일 깔끔하고 사용하기도 편해보였다.

 

아래와 같은 다이어그램을 그리는데 요구되는 능력은 드래그앤 드랍과 타이핑 능력이 전부이다.

마우스만 쓸줄 알면 이렇게 뚝딱 만들어진다.

AWS전용 아이콘 세트도 제공한다.(AWS뿐만 아니라 다양한 아이콘 셋과 편집 툴을 제공함)

 

설치

• 웹에서 무설치로 사용가능(app.diagrams.net)
• PC에 설치로 사용가능
• 구글 드라이브에 설치가능

 

1. 나는 세번째 구글드라이브에 추가해서 사용하기로 했다.
   

1. 구글드라이브에 추가해주기 : 구글드라이브에서 NEW > More > Connect more apps로 들어가서

 

2. 검색해서 Diagrams.net을 찾아서 눌러준다.

 

3. 설치해주고나면 아까 NEW 목록에서 추가된걸 확인하고 실행하면 된다.

 

사용해보기

구글드라이브에서 NEW > More > diagrams.net 을 선택해주면 이렇게 창이 딱 뜬다.

댜앙한 템플릿을 제공해주는데, 나는 화면 플로를 대략적으로 그릴려고 하기 때문에 BlankDiagram으로 일단 열어봤다.

 

왼쪽탭에 그리는데 필요한 아이콘들이 있고 드래그 앤 드랍 해서 그려나가면 된다.

그리고 오른쪽 탭에서 디테일한 설정(사이즈, 색상, 보더 등등)을 해줄수 있다.

한 30분 정도만 사용해보면 그리는데 큰 무리는 없을 것이다.

 

그리고 저장을 하면 이렇게 .drawio라는 확장자로 저장되게 된다.

 

Export as 옵션을 보면 이미지, PDF 등 다양한 포맷으로 저장도 가능함.

 

 

https://www.diagrams.net