웹에서 사용 가능한 무료 다이어그램 도구

설치 없이 이용가능한 온라인 다이어그램

다이어그램을 그리는 작업은 프로젝트 관리부터 아이디어 시각화까지 다양한 상황에서 필요합니다. 편의성에 맞추어 다양한 온라인 도구서비스를 제공하는데 어떤 것을 선택해야 할지 고민이 되기도 합니다. 그래서 무료로 제공되는 다이어그램 도구 서비스에 대해서 자세히 살펴보며, 각 도구의 특징을 알아보겠습니다.

 

다이어그램을 작성을 위해 온라인 도구를 사용하는 이유는 무엇인가요?

• 온라인 도구를 사용하는 이유 중 하나는 편리함과 접근성입니다. 온라인 도구를 사용하면 별도의 소프트웨어를 설치하거나 저장 용량을 고려할 필요가 없습니다. 언제 어디서나 인터넷만 연결되어 있다면 쉽게 접근할 수 있습니다. 

무료 온라인 다이어그램 도구를 찾고 있는 사람들은 주로 어떤 종류의 프로젝트에 사용하나요?

• 사람들은 주로 프로젝트 관리, 아이디어 시각화, 프로세스 흐름도 표현, 비즈니스 계획 작성 등 다양한 목적으로 무료 온라인 다이어그램 도구를 사용합니다. 

사용자가 온라인 다이어그램 도구를 선택할 때 고려해야 할 중요한 요소는 무엇인가요?

• 사용자가 온라인 다이어그램 도구를 선택할 때 고려해야 할 요소는 사용 편의성, 다이어그램의 종류와 기능, 저장이나 공유 방식 등이 있습니다. 

 

1. draw.io

draw.io(링크)는 온라인에서 별도의 로그인 없이 다이어그램을 그릴 수 있는 사이트입니다.

정말 많은 도형을 제공해 주고 디테일한 도형 디자인 및 확장성을 제공해 주는데 이 모든 걸 무료로 제공해 주는 최고의 사이트입니다. 기본적인 드로잉은 대부분의 서비스에서 지원하므로 생략하고 다이어그램을 위한 각종 도형과 기타 특징을 알아보겠습니다.

 

 

다양한 도형 지원

좌측 메뉴를 확인해 보면 다양한 기본 도형들을 제공하고 있습니다.

기본적인 도형뿐만아니라 그 외 소프트웨어 네트워킹 비즈니스등 더 많은 도형들이 있는데 이 모든 걸 무료로 제공하고 있습니다.

 

 

도형을 더블 클릭하면 격자무늬로 이루어진 배경에 도형들 생성됩니다. 도형의 크기 변경 회전은 물론이고 도형 외각에 마우스 커서를 두면 추가적인 연결 도형도 선택하여 연결할 수 있습니다.

 

 

도형 커스텀마이징

도형의 색상도 기본적인 템플릿으로 제공해주고 있으며 원하는 색이 있다면 직접 색상을 선택하여 설정하거나 선의 두께나 모서리등을 설정할 수 있습니다.

 

 

다양한 저장 형식 & 클라우드 저장 지원

파일의 저장도 수정가능한 html이나 이미지 형태로 이루어진 png파일 형태로도 저장이 가능합니다.

클라우드 서비스를 이용하는경우 내 드라이브에 저장할 수 있으며 사용자의 로컬 기기로도 다운로드하여 저장할 수 있습니다.

 

 

특이한 캔버스 배경 사이즈 확장

다른 도구에서는 따로 캔버스의 크기를 제한하고 있지 않는데 draw.io에서는 기본 캔버스 크기가 정해져 있습니다. 하지만 캔버스의 크기의 끝부분을 벗어나서 더 넓은 차트를 그려야 하는 경우 단순히 도형을 차트밖으로 가져가대면 추가적인 격자무늬 차트 영역이 나타납니다.

 

 

기타 옵션

draw.io의 다양한 테마도 따로 선택할 수 있으며 모양이라는 메뉴에서는 다크모드를 지원하고 있으며 한국어가 아닌 다른 언어로도 서비스를 이용할 수 있도록 지원하고 있습니다.

 

 

2.Miro

온라인 다이어그램 작성을 도와주는 두번째 도구는 Miro라는 서비스에서 제공합니다.(링크)

로그인하면 무료로 사용할 수 있으며 구글 계정으로 간편 로그인이 가능하기 때문에 복잡한 가입과정이 없습니다.

 

 

기본 화면제어 튜토리얼 제공

장점이자 단점이 될수있는점은 Miro에서는 서비스 사용 전 튜토리얼을 제공하고 있습니다.

PC에서 접속하여도 모바일 환경에서의 튜토리얼로 나와있어서 헷갈릴 수 있는데 PC버전기준 Space bar를 클릭 후 마우스 커서를 꾹 눌러서 화면을 이동하거나. Ctrl키를 통해서 화면의 확대축소가 가능합니다.

튜토리얼 과정을 넘어가야 서비스 이용이 가능합니다.

 

 

다양한 도형지원 - 부분유료 존재

Miro에서도 다양한 도형을 제공하고 있지만 기본 도형(Basic, Flowchart, Callouts)을 제외하고는 부분 유료로 제공하고 있습니다. 대부분의 차트를 그릴 때는 Basic 도형으로도 충분하지만 이왕 도형을 지원된다면 하나라도 더 무료로 제공되었으면 하는 아쉬운 점이 있었습니다.

 

 

업무 효율 수직상승 - 템플릿 제공

좌측의 도구상자에서 Templates항목을 클릭하면 Miro에서 제공하는 템플릿을 확인할 수 있습니다.

 

 

굉장히 많은 템플릿을 제공하고 있으며 무료로 추가하여 사용할 수 있습니다. Miro의 굉장히 큰 장점이라고 생각합니다.

 

 

원하는 템플릿을 선택하고 Add to bord를 클릭하면 바로 추가되어 사용가능합니다.

 

 

펜 필기 지원

필기를 위한 펜도 지원하고 있습니다. 일반적인 펜과 그 위에 하이라이트로 그릴 수 있는 펜을 지원하고 있습니다.

도형을 그릴뿐만 아니라 따로 펜으로 필기도 할 수 있어서 확장성이 굉장히 뛰어난 거 같습니다.

 

 

파일 저장 형식

Miro에서는 따로 로컬 저장은 지원하지않으며 보드 우측 상단에 Share 버튼을 통하여 이메일로 다른 사람을 초대하거나 공유 링크로 파일을 공유할 수 있습니다.

 

Share탭의 Anyone with the link를 Can view로 설정해 놓으면 공유가능한 Border 링크를 통하여 공유할 수 있습니다.

 

 

3.excalidraw

excalidraw는 아무런 로그인이 필요없이 링크 접속 시 바로 사용가능합니다 (링크)

 

 

필기 도형 스타일 제공

excalidraw의 도구상자를 확인해보면 굉장히 심플합니다. 5가지의 그리기 옵션을 지원하며 연필로 필기를 하거나 텍스트 입력 및 사진 첨부가 가능합니다.

 

 

조금 신기했던건 일반적인 도형 생성이나 TEXT도구를 사용하여 글자를 입력할 때도 손으로 필기한 거 같은 느낌을 연출할 수 있었습니다. 물론 이게 마음이 안 든다면 옵션에서 따로 설정할 수 있습니다.

 

 

예를 들어 도형을 살펴보면 똑같은 도형도구로 원을 생성하였는데 오른쪽은 직접 손으로 그린듯한 느낌이 있습니다.

도형 메뉴에서 대충 긋기 부분의 옵션을 조절하였습니다. 이러한 느낌이 필요할 경우에는 유용하게 연출할 수 있을 거 같습니다.

 

 

링크를 통한 공유

excalidraw에서는 로컬 저장은 지원하지 않으며 링크를 통하여 읽기 전용으로 다른 사람에게 공유할 수 있습니다.

 

 

나는 어떤 다이어그램 도구를 사용할까?

먼저 draw.io는 다양한 도형을 지원하고 특히 클라우드 저장 및 로컬로 저장할 수 있다는 점이 매력적이었습니다. 다양한 저장을 지원하는 서비스를 원하면 draw를 추천합니다.

 

기본 템플릿을 통하여 효율성 있는 작업을 중시한다면 Miro 서비스를 추천해 드립니다. 기본 도형은 darw.io에 비하여 무료로 제공되는 양이 부족하지만 템플릿이라는 강력한 기능을 통하여 원하는 종류의 차트를 금방 만들어낼 수 있습니다. 또한 링크를 통해서 다른 사람들에게 쉽게 공유할 수 있습니다.

 

심플함을 추구한다면 excalidraw도 고려해 볼 수 있습니다. 오히려 많은 기능들 때문에 혼란스럽다면 기본만 제공되는 excalidraw를 이용하여 도형을 그리거나 직접 필기를 한 것처럼 도형이나 텍스트에 스타일을 줄 수도 있습니다.

 

개인적인 경험으로는 Miro의 서비스를 사용할 때 가장 작업의 효율이 좋았습니다. 요구되는 차트별 직접 도형을 그리고 선을 만들고 구조를 만드는데 어려움이 있었는데 템플릿으로 제공되기 때문에 조금만 수정하면 되고 직관적이라서 편리하였습니다.