draw.io는 도형과 연결선으로 업무 흐름도, 시스템 구성도 등 기술 문서를 만드는 다이어그램 편집기다. Linux·Windows·macOS용 무료 데스크톱 앱에서 오프라인으로 작업하고, 편집 원본과 PNG·SVG·PDF를 나눠 전달할 수 있다.
draw.io는 처리 순서와 분기, 시스템 간 연결을 그림으로 설명하려는 기획자·개발자·운영 담당자에게 적합하다. 사각형으로 작업을, 마름모로 판단을 표현하고 연결선에 조건을 적어 업무 절차를 문서화할 수 있다.
공식 데스크톱 앱은 Linux뿐 아니라 Windows와 macOS도 지원한다. 브라우저 편집기는 app.diagrams.net에서 제공되며, 데스크톱은 인터넷 없이 로컬 파일을 편집하려는 경우에 어울린다.
공식 GitHub Releases에서 배포판과 CPU 아키텍처에 맞는 패키지를 확인한다. Linux용으로 deb·rpm·AppImage가 제공된다. deb 또는 rpm은 배포판의 패키지 설치 도구로 설치하고, AppImage는 실행 권한을 부여한 뒤 실행하는 방식으로 시작한다.
앱에서 새 다이어그램을 만들고 빈 문서나 기본 템플릿을 선택한다. 왼쪽 도형을 끌어 놓고 두 번 클릭해 이름을 입력한 다음, 방향 화살표에서 다른 도형으로 연결선을 연결한다. 먼저 .drawio 원본을 저장하고 File > Export As에서 전달용 이미지를 만든다. 메뉴 배치는 편집기 테마에 따라 다를 수 있다.
예를 들어 주문 처리 절차를 ‘주문 접수 → 결제 확인 → 재고 확인 → 출고’로 배치하고, 재고 부족 시 ‘고객 안내’로 갈라지는 분기를 추가할 수 있다. 연결선에는 ‘재고 있음’과 ‘재고 없음’을 적어 판단 조건을 드러낸다.
유동 연결선은 도형 이동에 따라 접점 위치가 바뀌고, 고정 연결선은 지정한 접점을 유지한다. 선이 겹치면 경유점을 조정한다. View > Layers에서는 정상 처리와 예외 처리 요소를 별도 레이어로 나눠 표시하거나 숨길 수 있고, 확정한 배경 요소는 잠가 실수로 이동하는 일을 줄일 수 있다.
계속 수정할 문서는 .drawio 원본을 보관하고, 보고서나 발표 자료에 넣을 때는 PNG·SVG·PDF를 내보내는 구성이 실용적이다. PNG는 이미지 전달에 편리하지만 확대하면 흐려질 수 있고, SVG는 확대 시 선과 글자를 선명하게 유지하는 데 유리하다.
상대방이 다시 편집해야 한다면 PNG·SVG 내보내기에서 Include a copy of my diagram 옵션을 확인한다. 다른 프로그램이 내장 데이터를 제거할 수 있으므로 원본도 함께 전달하는 편이 좋다. JPEG는 다이어그램 편집 데이터를 담지 못한다.
공식 저장소는 데스크톱 앱을 GPL v3 조건으로 무료 이용할 수 있다고 안내하며, 코드를 변경하지 않는 이용은 업무 목적에도 허용한다고 설명한다. Confluence·Jira 통합 앱은 별도 라이선스 제품이므로 데스크톱의 무료 조건과 구분해야 한다.
데스크톱에는 기본 템플릿과 도형 라이브러리가 포함되지만, 온라인 AI를 호출하는 다이어그램 생성과 확장 Clipart 검색은 제공되지 않는다. 추가 템플릿은 파일로 받아 가져온다. Mermaid 변환은 로컬에서 동작한다. 무료 데스크톱 지원에는 계약상 보장이나 비공개 티켓 지원이 없다.
그림을 다시 열었는데 편집되지 않으면 먼저 파일 형식과 다이어그램 데이터 포함 여부를 확인하고 .drawio 원본을 연다. 출력 글자가 흐리면 PNG 확대율을 높이거나 SVG를 검토한다. PDF 내보내기 오류에는 공식 문서가 안내하는 File > Print의 PDF 저장을 대안으로 확인한다.
Linux AppImage가 시작되지 않고 squashfs 관련 오류가 나오면 AppImageLauncher 버전을 살핀다. 공식 저장소는 31.4.2 이후 정적 런타임과 AppImageLauncher 2.2.0의 호환 문제를 안내한다. deb·rpm은 새 버전 안내 후 직접 갱신하는 방식이며, Flatpak은 배포 저장소에서 업데이트를 관리한다.
마우스로 도형 위치와 연결 경로를 세밀하게 다듬고 로컬 원본을 관리하려면 draw.io Desktop을 검토할 만하다. Mermaid 중심 작업은 코드 수정 유지가 중요한지, 변환된 개별 도형 편집이 중요한지를 먼저 정한다. draw.io의 Mermaid 삽입은 Image와 Diagram 선택에 따라 편집 방식이 달라진다. Visio 원본 납품이 필수라면 실제 파일의 변환 결과와 요구 형식을 먼저 검증한다.
확인한 공식 Releases에는 32.4.1이 최신으로 표시되어 지원 종료 프로그램으로 분류할 근거는 없었다. 입력된 Flathub 항목은 JGraph가 검증·지원하지 않는 커뮤니티 패키지로 표시되므로 공식 GitHub 배포본과 구분해 검토한다.
store.steampowered.com
Video game digital distribution service
figma.com
Figma는 웹·앱 화면 설계, 인터랙티브 프로토타입 제작, 공동 편집과 개발 전달을 지원하는 디자인 협업 도구입니다.
sourcetreeapp.com
Graphical client for Git version control
obsproject.com
OBS Studio는 화면·웹캠·마이크 등 여러 입력을 장면으로 구성해 녹화하거나 실시간 방송으로 보내는 무료 오픈소스 프로그램입니다. 강의 제작, 소프트웨어 시연, 행사 중계처럼 화면 구성과 음량을 직접 관리해야 하는 작업에 적합합니다. macOS용 32.2.2는 macOS 13.0 이상을 지원하며 Intel과 Apple Silicon 설치 파일을 따로 제공합니다.
zed.dev
Zed는 실시간 공동 편집과 AI 개발 도구를 내장한 오픈소스 코드 편집기다. Rust로 구현되었으며 macOS·Windows·Linux를 지원한다. 프로젝트 검색, 언어 서버 기반 진단, Git 작업, 터미널과 디버깅을 한 환경에서 처리하려는 개발자에게 적합하다.
diagrams.net
draw.io Desktop은 macOS·Windows·Linux에서 도형과 연결선으로 업무 흐름과 기술 구조를 작성하고 로컬 파일로 저장하는 무료 데스크톱 다이어그램 편집기입니다.