템플릿

H Flowchart

검색
노드

빈 캔버스 더블클릭으로도 추가됩니다. 도형은 아래 "기본 도형"에서 선택하거나 추가 후 우측 속성에서 변경하세요.

선택
레이아웃
기본 설정
🎯

노드 또는 화살표를 선택하세요

빈 캔버스 더블클릭 = 노드 추가 노드 호버 후 핸들 드래그 = 화살표 연결

텍스트
도형
색상
글꼴
그룹 이름

라벨
선 스타일
화살표
색상
노드: 0개 · 엣지: 0개
H Flowchart v0.1.0
단축키: 더블클릭(노드 추가/편집), Delete(삭제), F2(편집), Ctrl+Z/Y, 휠(줌)

About the Flowchart tool

This online flowchart maker lets you build process diagrams, decision trees, and workflows right in your browser. Drop down nodes, draw arrows between them, label your connections, and arrange everything on an infinite zoomable canvas — then export the result as a PNG image. There's no signup and nothing to install.

How to use

  1. Start from a template — blank, basic process, or decision tree — or build from scratch.
  2. Click Add node or double-click an empty spot on the canvas to drop a node.
  3. Hover a node and drag from its handle to another node to draw an arrow between them.
  4. Select a node or arrow to edit its text, shape, color, line style, or label in the properties panel.
  5. Use Auto layout to arrange nodes top-to-bottom, or drag them freely to position by hand.
  6. Use Node search to find and jump to any node quickly in a large chart.
  7. Export your diagram as a PNG image, SVG vector, or Mermaid (.mmd) file, or save it as a file to reopen and edit later.

Key features

  • Many node shapes — rectangle, diamond, stadium, parallelogram, hexagon, cylinder, document, subroutine, and more for standard flowchart notation.
  • Free-form connections — link any node to any other with arrows you can reconnect, relabel, and restyle.
  • Arrow and line styles — choose orthogonal, curved, or straight lines with end, both, or no arrowheads.
  • Edge labels — annotate connections with text like Yes, No, or a condition.
  • Color themes and per-node colors — pick a palette or set background and text colors individually.
  • Grouping — bundle related nodes into named groups and ungroup them when needed.
  • Auto layout, zoom, and grid snap — keep diagrams tidy and aligned.
  • Templates — start from a ready-made blank, basic process, or decision tree layout.
  • Node search — quickly find and jump to any node in a large chart.
  • Fixed connection points — turn on fix attached point to pin each arrow to where it was attached, so it stays put as nodes move instead of sliding around.
  • Undo/redo, export to PNG, SVG, and Mermaid, and file save/open — with automatic local auto-save.

Common use cases

  • Mapping a business process or approval workflow with decision branches.
  • Sketching software logic, algorithms, or system architecture diagrams.
  • Planning user journeys or onboarding flows step by step.
  • Visualizing data pipelines using database and document shapes.

Private and instant

The editor runs entirely in your browser — your flowchart is auto-saved locally and is never uploaded to a server or stored anywhere else. That makes it safe for internal or confidential diagrams, and changes appear instantly, even offline. See our Privacy Policy for details.

Tip: use the diamond shape for decision points and add Yes/No labels to the outgoing arrows to make branching logic easy to follow.

Frequently asked questions

Can I use it without an account?

Yes. No account, sign-up, or installation is required.

Can I export my flowchart as an image?

Yes. Export your finished diagram as a PNG image, and save it as a file to reopen and keep editing later.

Is my flowchart uploaded to a server?

No. The editor runs entirely in your browser. Your diagram is auto-saved locally and never uploaded or stored on a server.

Which flowchart shapes are available?

You can choose from many shapes including rectangle, diamond, stadium, parallelogram, hexagon, cylinder, document, and subroutine, plus arrow and line style options for connections.

흐름도 도구 소개

이 온라인 흐름도 제작 도구를 사용하면 프로세스 다이어그램, 의사결정 트리, 워크플로를 브라우저에서 바로 만들 수 있습니다. 노드를 추가하고, 노드 사이에 화살표를 그리고, 연결에 라벨을 달고, 무한히 확대·축소되는 캔버스에 자유롭게 배치한 다음 결과를 PNG 이미지로 내보낼 수 있습니다. 가입할 것도, 설치할 것도 없습니다.

사용 방법

  1. 템플릿(빈 문서, 기본 프로세스, 의사결정 트리)에서 시작하거나 처음부터 직접 만듭니다.
  2. 노드 추가를 클릭하거나 캔버스의 빈 곳을 더블클릭해 노드를 만듭니다.
  3. 노드 위에 마우스를 올린 뒤 핸들에서 다른 노드로 드래그하면 둘 사이에 화살표가 그려집니다.
  4. 노드나 화살표를 선택하면 속성 패널에서 텍스트, 모양, 색상, 선 스타일, 라벨을 편집할 수 있습니다.
  5. 자동 배치로 노드를 위에서 아래로 정렬하거나, 직접 드래그해 자유롭게 배치합니다.
  6. 큰 차트에서는 노드 검색으로 원하는 노드를 빠르게 찾아 이동합니다.
  7. 다이어그램을 PNG 이미지, SVG 벡터, Mermaid(.mmd) 파일로 내보내거나, 파일로 저장해 나중에 다시 열어 편집할 수 있습니다.

주요 기능

  • 다양한 노드 모양 — 사각형, 마름모, 스타디움, 평행사변형, 육각형, 원통, 문서, 서브루틴 등 표준 흐름도 표기를 지원합니다.
  • 자유로운 연결 — 어떤 노드든 다른 노드와 화살표로 연결하고, 끝점 재연결·라벨 변경·스타일 변경이 가능합니다.
  • 화살표와 선 스타일 — 직각·곡선·직선 중에서 고르고, 끝·양쪽·없음 화살촉을 선택할 수 있습니다.
  • 엣지 라벨 — Yes, No, 조건 등 텍스트로 연결에 주석을 답니다.
  • 색상 테마와 노드별 색상 — 팔레트를 고르거나 배경·텍스트 색을 개별 지정합니다.
  • 그룹화 — 관련 노드를 이름이 있는 그룹으로 묶고 필요할 때 그룹을 해제합니다.
  • 자동 배치, 확대·축소, 그리드 스냅 — 다이어그램을 깔끔하게 정렬된 상태로 유지합니다.
  • 템플릿 — 빈 문서, 기본 프로세스, 의사결정 트리 등 미리 만들어진 구성에서 시작합니다.
  • 노드 검색 — 큰 차트에서도 원하는 노드를 빠르게 찾아 이동합니다.
  • 연결점 고정 — 부착 지점 고정을 켜면 각 화살표가 처음 부착된 위치에 고정되어, 노드를 옮겨도 주변을 미끄러지지 않고 그대로 유지됩니다.
  • 실행 취소/다시 실행, PNG·SVG·Mermaid 내보내기, 파일 저장/열기 — 로컬 자동 저장 기능이 함께 제공됩니다.

활용 사례

  • 의사결정 분기를 포함한 업무 프로세스나 승인 워크플로를 정리합니다.
  • 소프트웨어 로직, 알고리즘, 시스템 아키텍처 다이어그램을 스케치합니다.
  • 사용자 여정이나 온보딩 흐름을 단계별로 계획합니다.
  • 데이터베이스와 문서 모양을 사용해 데이터 파이프라인을 시각화합니다.

프라이버시 보장, 즉각 반영

편집기는 전적으로 브라우저 안에서 동작합니다 — 흐름도는 로컬에 자동 저장되며, 서버에 업로드되거나 다른 곳에 저장되지 않습니다. 그래서 내부용이나 기밀 다이어그램에도 안전하며, 변경 사항은 오프라인에서도 즉시 반영됩니다. 자세한 내용은 개인정보처리방침을 참고하세요.

팁: 의사결정 지점에는 마름모 모양을 사용하고, 나가는 화살표에 Yes/No 라벨을 달면 분기 로직을 한눈에 따라가기 쉽습니다.

자주 묻는 질문

계정 없이 사용할 수 있나요?

네. 계정, 가입, 설치가 전혀 필요 없습니다.

흐름도를 이미지로 내보낼 수 있나요?

네. 완성한 다이어그램을 PNG 이미지로 내보내고, 파일로 저장해 나중에 다시 열어 계속 편집할 수 있습니다.

제 흐름도가 서버에 업로드되나요?

아니요. 편집기는 전적으로 브라우저에서 동작합니다. 다이어그램은 로컬에 자동 저장되며 서버에 업로드되거나 저장되지 않습니다.

어떤 흐름도 모양을 사용할 수 있나요?

사각형, 마름모, 스타디움, 평행사변형, 육각형, 원통, 문서, 서브루틴 등 다양한 모양과 더불어 연결을 위한 화살표·선 스타일 옵션을 선택할 수 있습니다.

フローチャートツールについて

このオンラインフローチャート作成ツールを使えば、プロセス図、意思決定ツリー、 ワークフローをブラウザ上で直接作成できます。ノードを配置し、ノード間に矢印を描き、 接続にラベルを付け、無限にズームできるキャンバス上にすべてを自由に配置したうえで、 結果をPNG画像として書き出せます。登録もインストールも不要です。

使い方

  1. テンプレート(空白、基本プロセス、意思決定ツリー)から始めるか、一から作成します。
  2. ノード追加をクリックするか、キャンバスの空いた場所をダブルクリックしてノードを配置します。
  3. ノードにマウスを重ね、ハンドルから別のノードへドラッグすると、両者の間に矢印が描かれます。
  4. ノードや矢印を選択すると、プロパティパネルでテキスト、形状、色、線スタイル、ラベルを編集できます。
  5. 自動レイアウトでノードを上から下へ整列させるか、自由にドラッグして手動で配置します。
  6. 大きな図ではノード検索で目的のノードをすばやく見つけて移動できます。
  7. 図をPNG画像、SVGベクター、Mermaid(.mmd)ファイルとして書き出すか、ファイルとして保存して後で開いて編集できます。

主な機能

  • 豊富なノード形状 — 長方形、ひし形、スタジアム、平行四辺形、六角形、円筒、ドキュメント、サブルーチンなど、標準的なフローチャート表記に対応します。
  • 自由な接続 — どのノードも他のノードと矢印でつなげ、再接続・ラベル変更・スタイル変更ができます。
  • 矢印と線のスタイル — 直角・曲線・直線から選べ、終端・両端・なしの矢じりを指定できます。
  • エッジラベル — Yes、No、条件などのテキストで接続に注釈を付けます。
  • カラーテーマとノードごとの色 — パレットを選ぶか、背景色と文字色を個別に設定します。
  • グループ化 — 関連するノードを名前付きグループにまとめ、必要なときに解除できます。
  • 自動レイアウト、ズーム、グリッドスナップ — 図を整然と揃った状態に保ちます。
  • テンプレート — 空白、基本プロセス、意思決定ツリーなどの既製の構成から始められます。
  • ノード検索 — 大きな図でも目的のノードをすばやく見つけて移動できます。
  • 接続点の固定 — 接続位置を固定をオンにすると、各矢印が最初に接続された位置に固定され、ノードを動かしても周囲をずれずにそのまま保たれます。
  • 元に戻す/やり直し、PNG・SVG・Mermaid書き出し、ファイル保存/読み込み — ローカル自動保存付きです。

よくある活用例

  • 意思決定の分岐を含む業務プロセスや承認ワークフローを整理する。
  • ソフトウェアのロジック、アルゴリズム、システムアーキテクチャ図をスケッチする。
  • ユーザージャーニーやオンボーディングの流れを段階的に計画する。
  • データベースやドキュメントの形状を使ってデータパイプラインを可視化する。

プライベートで即時反映

エディタは完全にブラウザ内で動作します — フローチャートはローカルに自動保存され、 サーバーにアップロードされたり他の場所に保存されたりすることはありません。そのため 社内用や機密の図にも安全で、変更はオフラインでも即座に反映されます。詳しくは プライバシーポリシーをご覧ください。

ヒント: 意思決定ポイントにはひし形を使い、出ていく矢印にYes/No ラベルを付けると、分岐ロジックが追いやすくなります。

よくある質問

アカウントなしで使えますか?

はい。アカウント、登録、インストールは一切不要です。

フローチャートを画像として書き出せますか?

はい。完成した図をPNG画像として書き出し、ファイルとして保存して後で開いて編集を続けられます。

私のフローチャートはサーバーにアップロードされますか?

いいえ。エディタは完全にブラウザ内で動作します。図はローカルに自動保存され、サーバーにアップロードや保存はされません。

どのフローチャート形状が使えますか?

長方形、ひし形、スタジアム、平行四辺形、六角形、円筒、ドキュメント、サブルーチンなど多数の形状に加え、接続用の矢印・線スタイルのオプションを選べます。

关于流程图工具

这款在线流程图制作工具让你能够直接在浏览器中构建流程图、决策树和 工作流。放置节点、在节点之间绘制箭头、为连接添加标签,并在可无限缩放的画布上 自由排列一切,然后将结果导出为PNG图片。无需注册,无需安装。

使用方法

  1. 从模板(空白、基本流程或决策树)开始,或从零构建。
  2. 点击添加节点,或双击画布上的空白处来放置节点。
  3. 将鼠标悬停在节点上,从其手柄拖动到另一个节点,即可在两者之间绘制箭头。
  4. 选择节点或箭头,即可在属性面板中编辑其文本、形状、颜色、线条样式或标签。
  5. 使用自动布局将节点从上到下排列,或自由拖动以手动定位。
  6. 在大型图表中,使用节点搜索快速查找并跳转到任意节点。
  7. 将图表导出为PNG图片、SVG矢量图或Mermaid(.mmd)文件,或保存为文件以便日后重新打开和编辑。

主要功能

  • 多种节点形状 — 矩形、菱形、体育场形、平行四边形、六边形、圆柱体、文档、子程序等,支持标准流程图符号。
  • 自由连接 — 用箭头将任意节点连接到任意其他节点,可重新连接、重新标注和重新设置样式。
  • 箭头和线条样式 — 可选择直角、曲线或直线,以及终端、两端或无箭头。
  • 边缘标签 — 用Yes、No或某个条件等文本为连接添加注释。
  • 配色主题和每个节点的颜色 — 选择调色板,或单独设置背景色和文字色。
  • 分组 — 将相关节点归入命名分组,需要时取消分组。
  • 自动布局、缩放和网格对齐 — 让图表保持整洁对齐。
  • 模板 — 从空白、基本流程或决策树等现成布局开始。
  • 节点搜索 — 在大型图表中快速查找并跳转到任意节点。
  • 连接点固定 — 开启固定连接位置后,每条箭头都会固定在最初连接的位置,移动节点时也不会四处滑动。
  • 撤销/重做,PNG、SVG 和 Mermaid 导出,文件保存/打开 — 并带有本地自动保存。

常见用例

  • 梳理带有决策分支的业务流程或审批工作流。
  • 勾勒软件逻辑、算法或系统架构图。
  • 逐步规划用户旅程或入门引导流程。
  • 使用数据库和文档形状可视化数据管道。

私密且即时

编辑器完全在你的浏览器中运行 — 你的流程图会自动保存在本地, 绝不会上传到服务器或存储在其他任何地方。因此它对内部或机密图表来说很安全, 而且更改会即时显示,即使离线也是如此。详情请参阅我们的 隐私政策。

提示:在决策点使用菱形形状,并为外出的箭头添加Yes/No 标签,使分支逻辑一目了然、易于跟随。

常见问题

不注册也能使用吗?

是的。无需账户、注册或安装。

我可以将流程图导出为图片吗?

可以。将完成的图表导出为PNG图片,并保存为文件,以便日后重新打开并继续编辑。

我的流程图会上传到服务器吗?

不会。编辑器完全在你的浏览器中运行。你的图表会自动保存在本地,绝不会上传或存储到服务器。

有哪些流程图形状可用?

你可以从矩形、菱形、体育场形、平行四边形、六边形、圆柱体、文档和子程序等多种形状中选择,还可为连接选择箭头和线条样式选项。

Acerca de la herramienta de diagramas de flujo

Este creador de diagramas de flujo en línea te permite construir diagramas de proceso, árboles de decisión y flujos de trabajo directamente en tu navegador. Coloca nodos, traza flechas entre ellos, etiqueta tus conexiones y organiza todo en un lienzo infinito con zoom; luego exporta el resultado como una imagen PNG. No hay que registrarse ni instalar nada.

Cómo usarlo

  1. Empieza desde una plantilla — en blanco, proceso básico o árbol de decisión — o créalo desde cero.
  2. Haz clic en Añadir nodo o doble clic en un punto vacío del lienzo para colocar un nodo.
  3. Pasa el cursor sobre un nodo y arrastra desde su manija hasta otro nodo para trazar una flecha entre ellos.
  4. Selecciona un nodo o una flecha para editar su texto, forma, color, estilo de línea o etiqueta en el panel de propiedades.
  5. Usa el Diseño automático para ordenar los nodos de arriba abajo, o arrástralos libremente para posicionarlos a mano.
  6. Usa la Búsqueda de nodos para encontrar y saltar a cualquier nodo rápidamente en un diagrama grande.
  7. Exporta tu diagrama como una imagen PNG, un vector SVG o un archivo Mermaid (.mmd), o guárdalo como archivo para reabrirlo y editarlo más tarde.

Funciones principales

  • Muchas formas de nodo — rectángulo, rombo, estadio, paralelogramo, hexágono, cilindro, documento, subrutina y más, para la notación estándar de diagramas de flujo.
  • Conexiones de forma libre — enlaza cualquier nodo con cualquier otro mediante flechas que puedes reconectar, reetiquetar y reestilizar.
  • Estilos de flecha y línea — elige líneas ortogonales, curvas o rectas con puntas de flecha en un extremo, en ambos o sin ninguna.
  • Etiquetas de borde — anota las conexiones con texto como Yes, No o una condición.
  • Temas de color y colores por nodo — elige una paleta o define el color de fondo y de texto de forma individual.
  • Agrupación — reúne nodos relacionados en grupos con nombre y desagrúpalos cuando lo necesites.
  • Diseño automático, zoom y ajuste a la cuadrícula — mantén los diagramas ordenados y alineados.
  • Plantillas — empieza desde una disposición lista: en blanco, proceso básico o árbol de decisión.
  • Búsqueda de nodos — encuentra y salta rápidamente a cualquier nodo en un diagrama grande.
  • Puntos de conexión fijos — activa fijar punto de anclaje para que cada flecha quede fijada donde se conectó, de modo que no se deslice al mover los nodos.
  • Deshacer/rehacer, exportación a PNG, SVG y Mermaid, y guardar/abrir archivos — con autoguardado local automático.

Casos de uso comunes

  • Mapear un proceso de negocio o un flujo de aprobación con ramas de decisión.
  • Esbozar lógica de software, algoritmos o diagramas de arquitectura de sistemas.
  • Planificar recorridos de usuario o flujos de incorporación paso a paso.
  • Visualizar canalizaciones de datos usando formas de base de datos y documento.

Privado e instantáneo

El editor se ejecuta por completo en tu navegador: tu diagrama de flujo se guarda automáticamente en local y nunca se sube a un servidor ni se almacena en ningún otro lugar. Eso lo hace seguro para diagramas internos o confidenciales, y los cambios aparecen al instante, incluso sin conexión. Consulta nuestra Política de Privacidad para más detalles.

Consejo: usa la forma de rombo para los puntos de decisión y añade etiquetas Yes/No a las flechas salientes para que la lógica de ramificación sea fácil de seguir.

Preguntas frecuentes

¿Se puede usar sin cuenta?

Sí. Sin necesidad de cuenta, registro ni instalación.

¿Puedo exportar mi diagrama de flujo como imagen?

Sí. Exporta tu diagrama terminado como una imagen PNG y guárdalo como archivo para reabrirlo y seguir editándolo más tarde.

¿Se sube mi diagrama de flujo a un servidor?

No. El editor se ejecuta por completo en tu navegador. Tu diagrama se guarda automáticamente en local y nunca se sube ni se almacena en un servidor.

¿Qué formas de diagrama de flujo están disponibles?

Puedes elegir entre muchas formas, como rectángulo, rombo, estadio, paralelogramo, hexágono, cilindro, documento y subrutina, además de opciones de estilo de flecha y línea para las conexiones.

À propos de l'outil d'organigramme

Ce créateur d'organigrammes en ligne vous permet de construire des diagrammes de processus, des arbres de décision et des flux de travail directement dans votre navigateur. Déposez des nœuds, tracez des flèches entre eux, étiquetez vos connexions et disposez le tout sur un canevas infini et zoomable, puis exportez le résultat sous forme d'image PNG. Aucune inscription ni installation requise.

Comment l'utiliser

  1. Partez d'un modèle — vierge, processus de base ou arbre de décision — ou créez tout depuis zéro.
  2. Cliquez sur Ajouter un nœud ou double-cliquez sur un endroit vide du canevas pour déposer un nœud.
  3. Survolez un nœud et faites glisser depuis sa poignée vers un autre nœud pour tracer une flèche entre eux.
  4. Sélectionnez un nœud ou une flèche pour modifier son texte, sa forme, sa couleur, son style de ligne ou son étiquette dans le panneau des propriétés.
  5. Utilisez la Disposition automatique pour organiser les nœuds de haut en bas, ou faites-les glisser librement pour les positionner à la main.
  6. Utilisez la Recherche de nœud pour trouver et atteindre rapidement n'importe quel nœud dans un grand diagramme.
  7. Exportez votre diagramme en image PNG, en vectoriel SVG ou en fichier Mermaid (.mmd), ou enregistrez-le comme fichier pour le rouvrir et le modifier plus tard.

Fonctionnalités clés

  • De nombreuses formes de nœud — rectangle, losange, stade, parallélogramme, hexagone, cylindre, document, sous-programme et plus encore, pour la notation standard des organigrammes.
  • Connexions libres — reliez n'importe quel nœud à un autre par des flèches que vous pouvez reconnecter, réétiqueter et restyler.
  • Styles de flèche et de ligne — choisissez des lignes orthogonales, courbes ou droites avec des pointes de flèche à une extrémité, aux deux ou sans aucune.
  • Étiquettes de lien — annotez les connexions avec du texte comme Yes, No ou une condition.
  • Thèmes de couleur et couleurs par nœud — choisissez une palette ou définissez individuellement les couleurs de fond et de texte.
  • Regroupement — rassemblez les nœuds liés dans des groupes nommés et dissociez-les au besoin.
  • Disposition automatique, zoom et alignement sur la grille — gardez les diagrammes nets et alignés.
  • Modèles — démarrez à partir d'une disposition prête à l'emploi : vierge, processus de base ou arbre de décision.
  • Recherche de nœud — trouvez et atteignez rapidement n'importe quel nœud dans un grand diagramme.
  • Points de connexion fixes — activez fixer le point d'attache pour épingler chaque flèche à l'endroit où elle a été rattachée, afin qu'elle ne glisse pas lorsque les nœuds bougent.
  • Annuler/rétablir, export PNG, SVG et Mermaid, et enregistrement/ouverture de fichier — avec sauvegarde automatique locale.

Cas d'usage courants

  • Cartographier un processus métier ou un flux d'approbation avec des branches de décision.
  • Esquisser une logique logicielle, des algorithmes ou des diagrammes d'architecture système.
  • Planifier des parcours utilisateurs ou des flux d'intégration étape par étape.
  • Visualiser des pipelines de données à l'aide des formes de base de données et de document.

Privé et instantané

L'éditeur fonctionne entièrement dans votre navigateur — votre organigramme est enregistré automatiquement en local et n'est jamais téléversé vers un serveur ni stocké ailleurs. Cela le rend sûr pour des diagrammes internes ou confidentiels, et les modifications apparaissent instantanément, même hors ligne. Consultez notre Politique de Confidentialité pour plus de détails.

Astuce : utilisez la forme losange pour les points de décision et ajoutez des étiquettes Yes/No aux flèches sortantes pour rendre la logique de branchement facile à suivre.

Questions fréquentes

Peut-on l'utiliser sans compte ?

Oui. Sans compte, inscription ni installation requise.

Puis-je exporter mon organigramme en image ?

Oui. Exportez votre diagramme terminé en image PNG, et enregistrez-le comme fichier pour le rouvrir et continuer à l'éditer plus tard.

Mon organigramme est-il téléversé vers un serveur ?

Non. L'éditeur fonctionne entièrement dans votre navigateur. Votre diagramme est enregistré automatiquement en local et n'est jamais téléversé ni stocké sur un serveur.

Quelles formes d'organigramme sont disponibles ?

Vous pouvez choisir parmi de nombreuses formes, dont rectangle, losange, stade, parallélogramme, hexagone, cylindre, document et sous-programme, ainsi que des options de style de flèche et de ligne pour les connexions.

Über das Flussdiagramm-Werkzeug

Mit diesem Online-Flussdiagramm-Editor erstellst du Prozessdiagramme, Entscheidungsbäume und Arbeitsabläufe direkt in deinem Browser. Setze Knoten, ziehe Pfeile zwischen ihnen, beschrifte deine Verbindungen und ordne alles auf einer unendlichen, zoombaren Arbeitsfläche an — und exportiere das Ergebnis dann als PNG-Bild. Keine Anmeldung, keine Installation nötig.

So wird's verwendet

  1. Starte mit einer Vorlage — leer, Basisprozess oder Entscheidungsbaum — oder baue alles von Grund auf.
  2. Klicke auf Knoten hinzufügen oder doppelklicke auf eine leere Stelle der Arbeitsfläche, um einen Knoten zu setzen.
  3. Fahre mit dem Mauszeiger über einen Knoten und ziehe von seinem Griff zu einem anderen Knoten, um einen Pfeil zwischen ihnen zu zeichnen.
  4. Wähle einen Knoten oder Pfeil aus, um Text, Form, Farbe, Linienstil oder Beschriftung im Eigenschaftenbereich zu bearbeiten.
  5. Nutze das Automatische Layout, um Knoten von oben nach unten anzuordnen, oder ziehe sie frei, um sie von Hand zu platzieren.
  6. Nutze die Knotensuche, um in einem großen Diagramm schnell jeden Knoten zu finden und dorthin zu springen.
  7. Exportiere dein Diagramm als PNG-Bild, SVG-Vektor oder Mermaid-Datei (.mmd) oder speichere es als Datei, um es später wieder zu öffnen und zu bearbeiten.

Hauptfunktionen

  • Viele Knotenformen — Rechteck, Raute, Stadion, Parallelogramm, Sechseck, Zylinder, Dokument, Unterprogramm und mehr für die übliche Flussdiagramm-Notation.
  • Freie Verbindungen — verbinde jeden Knoten mit jedem anderen über Pfeile, die du neu verbinden, umbenennen und umgestalten kannst.
  • Pfeil- und Linienstile — wähle orthogonale, gekrümmte oder gerade Linien mit Pfeilspitzen am Ende, an beiden Enden oder ohne.
  • Kantenbeschriftungen — versieh Verbindungen mit Text wie Yes, No oder einer Bedingung.
  • Farbthemen und Farben pro Knoten — wähle eine Palette oder lege Hintergrund- und Textfarbe einzeln fest.
  • Gruppierung — fasse zusammengehörige Knoten in benannten Gruppen zusammen und löse sie bei Bedarf wieder auf.
  • Automatisches Layout, Zoom und Raster-Einrasten — halte Diagramme ordentlich und ausgerichtet.
  • Vorlagen — beginne mit einem fertigen Layout: leer, Basisprozess oder Entscheidungsbaum.
  • Knotensuche — finde jeden Knoten in einem großen Diagramm schnell und springe dorthin.
  • Feste Verbindungspunkte — schalte Anknüpfpunkt fixieren ein, damit jeder Pfeil an der Stelle bleibt, an der er angebunden wurde, statt beim Verschieben der Knoten umherzurutschen.
  • Rückgängig/Wiederholen, Export als PNG, SVG und Mermaid und Datei speichern/öffnen — mit automatischem lokalem Speichern.

Häufige Anwendungsfälle

  • Einen Geschäftsprozess oder Genehmigungsablauf mit Entscheidungsverzweigungen abbilden.
  • Software-Logik, Algorithmen oder Systemarchitektur-Diagramme skizzieren.
  • Nutzerreisen oder Onboarding-Abläufe Schritt für Schritt planen.
  • Datenpipelines mithilfe von Datenbank- und Dokumentformen visualisieren.

Privat und sofort

Der Editor läuft vollständig in deinem Browser — dein Flussdiagramm wird lokal automatisch gespeichert und niemals auf einen Server hochgeladen oder anderswo abgelegt. Das macht ihn sicher für interne oder vertrauliche Diagramme, und Änderungen erscheinen sofort, auch offline. Weitere Details findest du in unserer Datenschutzerklärung.

Tipp: Verwende die Raute-Form für Entscheidungspunkte und füge den ausgehenden Pfeilen Yes/No-Beschriftungen hinzu, damit die Verzweigungslogik leicht nachvollziehbar ist.

Häufig gestellte Fragen

Kann man ihn ohne Konto nutzen?

Ja. Ohne Konto, Anmeldung oder Installation nutzbar.

Kann ich mein Flussdiagramm als Bild exportieren?

Ja. Exportiere dein fertiges Diagramm als PNG-Bild und speichere es als Datei, um es später wieder zu öffnen und weiter zu bearbeiten.

Wird mein Flussdiagramm auf einen Server hochgeladen?

Nein. Der Editor läuft vollständig in deinem Browser. Dein Diagramm wird lokal automatisch gespeichert und niemals auf einen Server hochgeladen oder dort abgelegt.

Welche Flussdiagramm-Formen sind verfügbar?

Du kannst aus vielen Formen wählen, darunter Rechteck, Raute, Stadion, Parallelogramm, Sechseck, Zylinder, Dokument und Unterprogramm, plus Pfeil- und Linienstil-Optionen für Verbindungen.

Related guides

  • How to make a flowchart