draw.io(https://www.drawio.com) 바로가기

draw.io 저장 위치 — 고르지 않으면 브라우저에만 남습니다

draw.io 공식 문서의 첫 문장은 'draw.io는 다이어그램 데이터를 보관하지 않는다'입니다. 저장 위치를 직접 골라야 하고, 고르지 않으면 작업이 사라질 수 있습니다.

처음 접속하면 저장 위치를 묻는 창이 뜹니다. 여기서 'Decide Later(나중에 결정)'를 누르면 다이어그램은 브라우저에만 남고, 공식 안내대로 File > Save as로 위치를 고르기 전까지는 영구 저장되지 않습니다.

1. 메뉴에서 File > Save as를 누릅니다(Ctrl+Shift+S, macOS는 Cmd+Shift+S). 도구 막대의 '저장하지 않은 변경' 알림을 눌러도 됩니다.
2. 파일 이름을 적습니다.
3. 형식(Type)을 고릅니다. 기본은 .drawio입니다.
4. 저장 위치를 고릅니다. 내 컴퓨터에 남기려면 Device를 고릅니다.
5. 클라우드 저장소를 고르면 권한 허용 창이 뜨고, 허용 후 OK를 누릅니다.

한 번 클라우드 저장소나 브라우저에 저장하면 그다음부터는 고칠 때마다 자동 저장됩니다. 자동 저장은 온라인 저장소에서는 기본으로 켜져 있고, 데스크톱판에서는 Extras > Autosave로 켭니다. draw.io는 마지막으로 저장한 위치를 기억해 새 다이어그램도 그곳에 저장합니다.

draw.io 저장과 내보내기 — 다시 고칠 수 있는 형식

저장(Save)은 다시 열어 고칠 수 있는 원본을 남기는 것이고, 내보내기(Export)는 문서나 발표 자료에 넣을 그림을 만드는 것입니다. 어떤 형식을 고르느냐에 따라 나중에 고칠 수 있는지가 갈립니다.

• .drawio·.xml — 원본 전체 · 다시 편집 가능
• PNG(데이터 포함) — 그림 + 다시 편집 가능 · 확대하면 흐려짐
• SVG(데이터 포함) — 그림 + 다시 편집 가능 · 웹 게시용
• JPEG — 편집 불가 · 투명 배경 없음
• PDF — 편집 불가 · 링크·레이어 사라짐
• JSON — 프로그램으로 처리할 때

막히는 지점은 '그림으로 내보냈는데 나중에 못 고친다'입니다. 공식 문서는 데이터가 없는 그림(PNG·JPEG·SVG·WebP)이나 PDF로 내보낸 파일을 다시 열면 그림 한 장으로만 들어온다고 적고 있습니다. 나중에 고칠 일이 있으면 .drawio로 저장하거나, PNG·SVG로 내보낼 때 'Include a copy of my diagram'을 켜서 데이터를 같이 넣어야 합니다.

반대로 받는 사람이 고치지 못하게 하려면 그 옵션을 끄고 내보냅니다. 공식 문서는 인쇄에는 PDF를, 웹에 올릴 때는 선명하고 가벼운 SVG를 권합니다. SVG에 넣은 데이터는 일부 외부 도구가 지워 버린다는 주의도 함께 적혀 있습니다.

draw.io 링크 공유와 실시간 공동 작업

draw.io 다이어그램은 링크로 공유할 수 있습니다. File > Export as > URL을 고르면 다이어그램 전체가 주소 안에 들어갑니다.

• URL 내보내기 — 다이어그램 전체를 주소에 담음
• 큰 다이어그램 — 주소가 너무 길어 열리지 않을 수 있음
• 받는 사람 화면 — 공유한 시점의 정지된 사본
• 기본 동작 — 받는 사람 브라우저에 사본을 만들어 편집 가능
• 회수 — 불가 — 접근을 막을 수 없음
• 실시간 공동 작업 — 클라우드 저장소에 저장한 파일에서

공식 문서는 이 링크에 대해 '다이어그램이 어디에도 올라가 있지 않고 주소 안에 들어 있으므로 링크는 항상 유효하고 접근을 회수할 수 없다'고 적습니다. 받는 사람이 고치지 못하게 하려면 링크 옵션의 Advanced에서 Edit 체크를 끕니다.

여러 사람이 동시에 고치는 실시간 공동 작업은 클라우드 저장소에 저장한 파일에서만 됩니다. 다른 사람의 마우스 커서와 선택한 도형이 사람마다 다른 색으로 보입니다. 기능이 안 보이면 브라우저 캐시를 지운 뒤 다시 엽니다. 커서가 거슬리거나 연결이 느리면 Extras > Settings에서 Realtime Collaboration을 끄면 되고, 이때는 저장할 때 변경 내용을 합치는 옛 방식으로 바뀝니다.

draw.io 오프라인 사용과 데스크톱 설치

draw.io는 세 가지 방법으로 인터넷 없이 쓸 수 있습니다.

• 웹판 — 한 번 불러온 뒤 연결이 끊겨도 계속 작업
• draw.io Desktop — 윈도·맥·리눅스 설치판, 무료
• 휴대폰 — 앱스토어 앱 없음, 웹 주소를 홈 화면에 추가
• 윈도 .exe — 컴퓨터 전체 설치 · 관리자 권한 필요
• 윈도 .msi — 사용자 단위 설치 · 관리자 권한 불필요
• 윈도 .zip — 압축만 풀어 실행 · 파일 연결 안 됨

회사 컴퓨터처럼 관리자 권한이 없으면 .exe 대신 .msi나 .zip을 받습니다. 2026년 10월 18일에 나온 32.5.5가 데스크톱판 최신 버전입니다. .exe와 macOS판은 새 버전을 뒤에서 받아 두었다가 종료할 때 설치하고, .msi와 .zip은 새 버전이 나왔다는 알림만 띄우므로 직접 받아 다시 설치합니다.

오프라인으로 쓸 때 안 되는 기능이 있습니다.

• 웹판을 오프라인으로 쓸 때: 클라우드 저장과 자동 저장, PDF·그림 변환, 템플릿, 온라인 클립아트, 온라인 글꼴, 도움말
• 데스크톱판: 클라우드 저장소 연결, 온라인 클립아트 검색, 다이어그램 자동 생성, 템플릿, 온라인 글꼴, 도움말

데스크톱판은 다이어그램을 내 기기에만 저장합니다. 공식 설명으로는 업데이트 확인을 빼면 인터넷에 연결하지 않고, 다이어그램 데이터나 사용 기록을 밖으로 보내지 않습니다. 글꼴을 쓰려면 컴퓨터에 직접 설치해야 합니다.

draw.io SVG 글자 깨짐과 옛 도면 파일 불러오기

draw.io로 내보낸 SVG를 다른 그림 편집기나 일부 웹 서비스에서 열면 글자 대신 'Text is not SVG - cannot display'라는 문구가 보일 때가 있습니다. 공식 문서는 'draw.io는 SVG 편집기가 아니며, SVG 내보내기는 웹 페이지에 넣기 위한 것'이라고 밝히고 있습니다.

• 원인 — 서식 있는 글자를 웹 전용 방식(foreignObject)으로 담음
• 해결 1 — Text 탭 Advanced에서 Convert Labels to SVG 켜기
• 해결 1의 한계 — 표·목록·링크·배경색이 든 글자는 옵션이 꺼짐
• 해결 2 — Formatted Text와 Word Wrap 끄기
• 글꼴 — SVG 내보내기에서 Embed Fonts 켜기
• 경고 숨기기 — 주소 끝에 svg-warning=0

Formatted Text를 끄면 글자 일부만 굵게 하는 식의 부분 서식은 못 쓰고, Word Wrap을 끄면 줄바꿈을 직접 넣어야 합니다.

옛 도면 파일(.vsd·.vst·.vss)은 데스크톱판에서만, 그리고 캔버스에 끌어다 놓는 방법으로만 열립니다. File > Open이나 File > Import, 파일 두 번 클릭으로는 열리지 않습니다. 변환은 내 기기 안에서 이뤄지고 파일이 업로드되지 않습니다. 2003~2010년판 XML 도면(.vdx·.vsx)은 draw.io가 불러오지 못하므로 원래 프로그램에서 새 형식으로 먼저 바꿔야 합니다.

draw.io 다이어그램 자동 생성과 문의 방법

draw.io에는 설명을 적으면 다이어그램을 그려 주는 생성(Generate) 기능이 있습니다. 도구 막대의 반짝이 단추나 + > Generate로 엽니다.

• 여는 곳 — 반짝이 단추 · + > Generate · Arrange > Insert > Generate
• 질문 쓰는 법 — 다이어그램 종류를 맨 앞에 적기
• 글자 수 — 카운터 한도를 넘으면 다음 전송에서 오류
• 데스크톱판 — 생성 기능 없음
• 문의 시간 — 영국 시간 평일 09:00~18:00, 영국 공휴일 제외
• 답변 목표 — 1영업일 안

공식 문서는 질문 맨 앞에 쓴 다이어그램 종류로 생성기를 고른다고 설명합니다. 결과가 마음에 들지 않으면 연필 단추로 질문을 고쳐 다시 보냅니다. 새 다이어그램은 + Chat으로 새 대화를 열어 시작합니다.

막혔을 때는 지원 데스크 포털이나 이메일로 문의합니다. 이메일은 계정이 없어도 보낼 수 있습니다. 문의할 때는 다음을 같이 적으라고 안내합니다.

1. 쓰는 draw.io 제품과 버전(Help 메뉴 맨 아래 항목)
2. 브라우저 또는 운영체제
3. 한 일, 기대한 결과, 실제 결과(화면 캡처가 도움이 됨)

오류 보고와 기능 제안은 공개 이슈 게시판에서도 받지만 글을 쓰려면 무료 계정이 필요하고, draw.io는 외부 코드 기여(풀 리퀘스트)는 받지 않습니다.