FLOWCANVAS · FREE ONLINE TOOL

온라인 플로우차트 편집기

흩어진 생각과 복잡한 절차를 읽기 쉬운 플로우차트로 바꾸세요. 노드·연결선·테마를 직접 고르고, 업무 흐름부터 선택지 분기까지 브라우저에서 설계해 바로 공유할 수 있습니다.

설치 없음4가지 디자인 테마PNG 편집 · SVG · JSON 저장
바로 만들기

FLOWCHART EDITOR

플로우차트 편집기

캔버스에서 바로 작성하고 작업 파일·PNG·SVG로 저장하세요.

작업 임시 저장 준비
내보내기
정리
템플릿·테마 필요할 때 펼쳐 선택
현재 작업을 바꾸므로 필요한 경우 먼저 작업 파일을 저장하세요.
디자인 테마 같은 흐름도도 목적에 맞는 분위기로 바꿔 보세요.

모바일에서는 완성본 확인과 저장·내보내기를 지원합니다. 세밀한 편집은 PC를 권장합니다.

캔버스 도구 도형을 추가하고, 선택한 노드의 크기·색상·모양을 조절해 보세요.
시작 과정 조건 결과 메모
100%

주요 기능

설치와 회원가입 없이 바로 사용하는 플로우차트 도구

플로우캔버스는 서버에 작업 내용을 저장하지 않습니다. 작업 중에는 같은 브라우저에 임시본을 보관해 실수로 닫은 작업을 복구할 수 있고, 완성본은 JSON·PNG·SVG로 직접 내려받습니다.

다섯 가지 노드와 자유 편집

시작·과정·조건·결과·메모를 구분하고, 도형·문구·크기·색상·테두리를 원하는 대로 조절합니다.

4가지 디자인 테마

단정한 업무 문서, 클래식 문서, 컬러 보드, 파스텔 발표 중 목적에 맞는 분위기를 선택합니다.

스마트 정렬·시각 점검

단계별 배치와 직각 연결선을 함께 계산하고, 노드 겹침·선 통과·교차·끝나지 않는 경로를 점검한 뒤 JSON·PNG·SVG로 저장합니다.

브라우저 PNG 간편 편집

현재 차트나 PNG·JPG·WebP 파일을 안전하게 자르고 배경·여백·크기·방향을 손본 뒤 PNG로 저장하거나 복사합니다.

활용 방법

이럴 때 사용해보세요

  • 업무 승인 과정이나 반복 작업 순서를 정리할 때
  • 게임·이야기의 선택지와 결과 분기를 설명할 때
  • 오류 상황별 점검 순서와 해결 방법을 공유할 때
  • 회의 전에 아이디어의 선후 관계를 빠르게 정리할 때

작업 팁

읽기 쉬운 차트를 만드는 기준

흐름은 가능하면 한 방향으로 배치하고, 노드 문구는 짧은 동사형으로 작성하는 것이 좋습니다. 조건 노드의 연결 문구에는 ‘예·아니오’ 또는 구체적인 기준을 적고, 발표용 차트라면 완성 뒤 디자인 테마를 고르면 다른 사람이 더 빠르게 이해합니다.

자세한 사용 가이드 보기

START WITH A REFERENCE

빈 화면이 막막할 때 먼저 볼 자료

전체 템플릿 보기
스토리·게임

엔딩 분기표

선택과 숨은 조건을 나눠 진엔딩·노멀엔딩으로 이어지는 구조를 확인합니다.

예시와 작성법 보기
반복 과정

퀘스트 진행도

재료 수집, 조건 미달, 재시도, 완료 보상까지 반복되는 흐름을 정리합니다.

예시와 작성법 보기
업무·점검

오류 대응 흐름

제보 접수부터 재현 여부 판단과 수정 확인까지 빠뜨리기 쉬운 단계를 점검합니다.

예시와 작성법 보기

LEARN THE METHOD

도구 사용법보다 한 단계 더 자세하게

도형을 고르는 기준, 연결선 교차를 줄이는 배치법, 업무·문제 해결·창작 분기를 읽기 쉽게 나누는 법을 독립된 원문 가이드로 정리했습니다.

플로우차트 작성법 보기

PRACTICAL GUIDES

업무와 문제 해결에 바로 쓰는 작성법

작성법 8편 모두 보기
업무 표준화

업무 프로세스 흐름도

접수부터 승인·반려까지 담당자가 바뀌는 지점과 예외 경로를 빠짐없이 정리합니다.

업무 흐름도 작성법
오류 대응

트러블슈팅 플로우차트

증상 기록, 재현, 원인 분리, 임시 조치와 재검증을 반복 가능한 절차로 바꿉니다.

오류 해결 작성법
완성 전 검토

20개 항목 체크리스트

끝나지 않는 경로, 모호한 조건, 읽기 어려운 연결선과 원본 누락을 공유 전에 확인합니다.

체크리스트로 점검하기

자주 묻는 질문

저장과 사용에 관해 궁금한 점

작업 내용이 서버에 저장되나요?

아닙니다. 편집 내용은 현재 브라우저에서만 처리되며, 작업 저장 버튼을 눌러 내려받은 JSON 파일은 사용자 기기에 보관됩니다.

PNG와 SVG에는 사이트 이름이 들어가나요?

들어가지 않습니다. 캔버스 안의 노드와 연결선만 실제 내용 영역에 맞춰 저장됩니다.

이미지 편집을 위해 파일이 업로드되나요?

아닙니다. 불러온 PNG·JPG·WebP 파일과 편집 결과는 현재 브라우저 안에서만 처리되며 사이트 서버로 전송되지 않습니다.

불러온 작업 파일을 다시 수정할 수 있나요?

플로우캔버스에서 저장한 JSON 파일을 불러오면 노드 위치, 문구, 연결 관계를 이어서 수정할 수 있습니다.

상업적인 문서에도 사용할 수 있나요?

사용자가 직접 만든 플로우차트 결과물은 자유롭게 활용할 수 있습니다. 다만 입력한 문구나 자료에 대한 권리는 사용자가 확인해야 합니다.

연습 튜토리얼 · 1 / 4

과정 노드를 추가해 보세요

아래 연습 공간에서 직접 눌러 보며 기본 조작을 익힐 수 있습니다.

흐름 점검 결과

구조 점검은 연결과 배치 문제를 찾는 도구이며, 업무 논리 전체의 정확성을 보장하지 않습니다.

오류 · 흐름이 끊기거나 대상이 없음주의 · 의도를 확인해야 함배치 제안 · 읽기 쉬운 위치 조정

QUICK FIND

노드·연결 문구 찾기

검색어를 입력하세요.

QUICK CREATE

텍스트로 흐름 만들기

줄바꿈이나 화살표(→, ->)로 단계를 나누세요. 현재 차트를 지우지 않고 새 흐름을 추가합니다.

미리보기

단계를 입력하면 생성될 흐름을 보여줍니다.

SMART LAYOUT

자동 정렬 설정

노드의 단계와 연결선을 함께 계산합니다. 미리보기 후 취소하면 원래 배치로 돌아갑니다.

PNG QUICK EDIT

이미지 편집

이미지는 서버에 전송되지 않고 이 브라우저에서만 처리됩니다.

이미지 미리보기현재 플로우차트를 가져오거나 이미지 파일을 여세요.