---
title: "Flow: How to Use Flowcharts"
description: This article explains how to use the flow chart for a flow.
---

[Skip to content](https://help.mfloow.com/en/flow-flowchart#main-content)

- [English](https://help.mfloow.com/en/flow-flowchart)
- [日本語](https://help.mfloow.com/flow-flowchart)

English

Show submenu for translations

[![logo\_mfloow\_word\_text\_dark](https://help.mfloow.com/hubfs/logo_mfloow_word_text_dark.svg)](https://help.mfloow.com/?hsLang=en)

- [ヘルプセンター](https://help.mfloow.com/)

Open main navigation

Close main navigation

- [ヘルプセンター](https://help.mfloow.com/)
- - [English](https://help.mfloow.com/en/flow-flowchart)
    - [日本語](https://help.mfloow.com/flow-flowchart)

  English
  
  Show submenu for translations

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://help.mfloow.com/en?hsLang=en)
2. [Flow](https://help.mfloow.com/en/flow?hsLang=en)
3. [Flow Views](https://help.mfloow.com/en/flow?hsLang=en#flow-views)

# Flow: How to Use Flowcharts

## This article explains how to use the flow chart for a flow.

**Last updated: August 8, 2025**

 

 

| **User permissions required to use this feature<https://help.mfloow.com/access-permissions?hsLang=en>** |  |  |  |  |  |  |
| --- | --- | --- | --- | --- | --- | --- |
| **Owner** | **Standard Admin** | **Template Admin** | **Flow Admin** | **Task Admin** | **Guest** | **General** |
| ○ | ○ | ○ | ○ | ○ | × | × |

 

- [What is a flowchart?](https://help.mfloow.com/en/flow-flowchart#what-flowchart)
- [Access a flowchart](https://help.mfloow.com/en/flow-flowchart#access-flowchart)
- [Manage a flowchart](https://help.mfloow.com/en/flow-flowchart#manage-flowchart)

### **What is a flowchart?**

A flowchart lets you view and manage flow processes and tasks through an intuitive visual interface. You can add or rearrange processes and tasks using drag-and-drop.

 

### **Access a flowchart**

Open the desired flow and click the chart icon in the upper right of the details screen to switch to the flowchart view.

![01-Flow-2](https://help.mfloow.com/hs-fs/hubfs/01-Flow-2.png?width=573&height=162&name=01-Flow-2.png)

 

To return to the list view, click the list icon.

![02-Flow-2](https://help.mfloow.com/hs-fs/hubfs/02-Flow-2.png?width=608&height=117&name=02-Flow-2.png)

 

### **Manage a flowchart**

#### **View Controls**

**![Flow-03-1](https://help.mfloow.com/hs-fs/hubfs/Flow-03-1.png?width=670&height=422&name=Flow-03-1.png)**

| **Zoom In** | Use “Ctrl” or “Cmd” + scroll down with the mouse wheel, double right-click, or click the “+” icon in the lower right corner. |
| --- | --- |
| **Zoom Out** | Use “Ctrl” or “Cmd” + scroll up with the mouse wheel, or click the “−” icon in the lower right corner. |
| **Pan the Screen** | To move the screen, right-click and hold anywhere blank, then drag in your desired direction. |
| **Recenter the Screen** | Square icon in the lower right corner |
| **Expanded View** | When you zoom in near the flowchart, detailed information like due dates and status for each task is displayed, and you can click elements to edit them directly. ![Flow-Maximised](https://help.mfloow.com/hs-fs/hubfs/Flow-Maximised.png?width=670&height=316&name=Flow-Maximised.png) |
| **Collapsed View** | When the flowchart is sufficiently zoomed out, only task names, statuses, and assignees are shown. Clicking a task will display its details, where you can view and edit information. ![Flow-Minimised](https://help.mfloow.com/hs-fs/hubfs/Flow-Minimised.png?width=670&height=283&name=Flow-Minimised.png) |
| **Overlay View** | Click the magnifying glass icon in the upper right to open an overlay that lets you view two different areas of the chart simultaneously. ![Flow-04-2](https://help.mfloow.com/hs-fs/hubfs/Flow-04-2.png?width=504&height=315&name=Flow-04-2.png) You can change the view within the overlay window by clicking and dragging, and also edit tasks directly within the overlay. ![Flow-05-1](https://help.mfloow.com/hs-fs/hubfs/Flow-05-1.png?width=504&height=315&name=Flow-05-1.png) To close the overlay, click the minimize icon in the overlay window. ![Flow-06](https://help.mfloow.com/hs-fs/hubfs/Flow-06.png?width=504&height=229&name=Flow-06.png) |

 

#### **Viewing, Adding, and Deleting Processes**

**![ChartProcess](https://help.mfloow.com/hs-fs/hubfs/ChartProcess.png?width=670&height=419&name=ChartProcess.png)**

 

| **①** | Click a process name to see options for "Details" or "Delete." |
| --- | --- |
| **②** | Click “Add Process” to open the process creation screen. \*Note: Each process is represented by a different color on task cards. |

 

#### **Task Management**

##### **Viewing and Editing Tasks**

**In Expanded View**

![FlowOptions](https://help.mfloow.com/hs-fs/hubfs/FlowOptions.png?width=670&height=408&name=FlowOptions.png)

| **1. Task Name** | Mouse over and click the pencil icon when it appears to change the task title. ![FlowTitle](https://help.mfloow.com/hs-fs/hubfs/FlowTitle.png?width=274&height=133&name=FlowTitle.png) |
| --- | --- |
| **2. Process Name** | Click on the process name and use the drop-down to change the process name. ![FlowProcess](https://help.mfloow.com/hs-fs/hubfs/FlowProcess.png?width=356&height=317&name=FlowProcess.png) |
| **3. Assignee** | Click on the icon of the person in charge and the Set Up Person in Charge pop-up will appear. ![FlowMember](https://help.mfloow.com/hs-fs/hubfs/FlowMember.png?width=273&height=190&name=FlowMember.png) |
| **4. Due Date** | Click on the calendar icon or the Set Due Date text and the Set Due Date pop-up will appear. ![FlowDue](https://help.mfloow.com/hs-fs/hubfs/FlowDue.png?width=289&height=219&name=FlowDue.png) |
| **5. Task Status** | Click on the status of a task to change its status. Click the checkbox to complete the task. ![FlowStatus](https://help.mfloow.com/hs-fs/hubfs/FlowStatus.png?width=316&height=222&name=FlowStatus.png) |
| **6. Other** | Click the three-dot menu to access options for “Details,” “Copy Link,” and “Delete.” ![FlowOther](https://help.mfloow.com/hs-fs/hubfs/FlowOther.png?width=361&height=175&name=FlowOther.png) |

 

**In Collapsed View**

Click on the card of the task you wish to review or edit, and the Task View will appear.

![FlowEdit](https://help.mfloow.com/hs-fs/hubfs/FlowEdit.png?width=518&height=335&name=FlowEdit.png)

**Moving Tasks**

**Note**

- The position and order of tasks in the flowchart view does not affect the position and order of tasks in the list view.
- Task processes cannot be changed by drag and drop and must be edited manually.

Left-click the task you want to move, click and hold, and drag it to another position in the flowchart. When you release the mouse, the task will move to the new position.

![Flow-MOVE-01 (1)](https://help.mfloow.com/hs-fs/hubfs/Flow-MOVE-01%20(1).gif?width=670&height=356&name=Flow-MOVE-01%20(1).gif)

#### **Adding Tasks**

Zoom in on the task to which you want to add a new task, then click on it to display a green “+” icon to the right and bottom of the task.

![FlowAdd-01](https://help.mfloow.com/hs-fs/hubfs/FlowAdd-01.png?width=528&height=296&name=FlowAdd-01.png)

 

##### **When using the bottom “+” icon**

Click the bottom “+” icon to add a new blank task from the same process below the current task in the chart.

![FlowAdd-02](https://help.mfloow.com/hs-fs/hubfs/FlowAdd-02.png?width=576&height=358&name=FlowAdd-02.png)

 

Enter the new task name, assignee, and due date, then click the “Save” button. \*When adding a task from a flow card, make sure to specify the process.

![FlowAdd-04](https://help.mfloow.com/hs-fs/hubfs/FlowAdd-04.png?width=469&height=265&name=FlowAdd-04.png)

 

##### **When using the right “+” icon**

Click the right “+” icon to add a new blank task from the same process to the right of the current task in the chart.

![FlowAdd-06](https://help.mfloow.com/hs-fs/hubfs/FlowAdd-06.png?width=670&height=239&name=FlowAdd-06.png)

 

Enter the new task name, assignee, and due date, then click the “Save” button. \*Be sure to set the process when adding a task from a flow card.

![FlowAdd-07](https://help.mfloow.com/hs-fs/hubfs/FlowAdd-07.png?width=670&height=185&name=FlowAdd-07.png)

 

**If you want to merge branched tasks back into a single task**

Click the task where you want to add the next task, then click the plus icon.

![SCR-20250807-jnev](https://help.mfloow.com/hs-fs/hubfs/SCR-20250807-jnev.png?width=639&height=418&name=SCR-20250807-jnev.png)

   
After adding the new task, click the connector of any other branched task and drag it to connect to the newly added task.

![Flow-Child-Anim-01 (1)](https://help.mfloow.com/hs-fs/hubfs/Flow-Child-Anim-01%20(1).gif?width=670&height=313&name=Flow-Child-Anim-01%20(1).gif)

 

The branched tasks will now appear as merged into a single task.

![SCR-20250807-jodo](https://help.mfloow.com/hs-fs/hubfs/SCR-20250807-jodo.png?width=639&height=290&name=SCR-20250807-jodo.png)

 

 Click the connected line between each task and select the X icon.  The branched tasks will now display as rejoined into a single task.

![FLOW-TaskDelete](https://help.mfloow.com/hs-fs/hubfs/FLOW-TaskDelete.gif?width=670&height=313&name=FLOW-TaskDelete.gif)

 

**Note**

- You cannot create duplicate connector lines between the same tasks.
- You cannot set a subsequent task as the parent of a preceding task.

- [Account](https://help.mfloow.com/en/account?hsLang=en#main-content)

    - [Initial Settings](https://help.mfloow.com/en/account?hsLang=en#initial-settings)
    - [Shared Settings](https://help.mfloow.com/en/account?hsLang=en#shared-settings)
    - [Workspace](https://help.mfloow.com/en/account?hsLang=en#workspace)
    - [Flow Settings](https://help.mfloow.com/en/account?hsLang=en#flow-settings)
    - [Notification Settings](https://help.mfloow.com/en/account?hsLang=en#notification-settings)
    - [Security](https://help.mfloow.com/en/account?hsLang=en#security)
    - [Single Sign-on (SSO)](https://help.mfloow.com/en/account?hsLang=en#single-sign-on-sso)
- [Members](https://help.mfloow.com/en/members?hsLang=en#main-content)

    - [Member Permissions](https://help.mfloow.com/en/members?hsLang=en#member-permissions)
    - [Adding & Editing Members](https://help.mfloow.com/en/members?hsLang=en#adding-editing-members)
- [Flow Template](https://help.mfloow.com/en/flow-template?hsLang=en#main-content)

    - [About Flow Template](https://help.mfloow.com/en/flow-template?hsLang=en#about-flow-template)
    - [Creating a Flow Template](https://help.mfloow.com/en/flow-template?hsLang=en#creating-a-flow-template)
    - [Editing a Flow Template](https://help.mfloow.com/en/flow-template?hsLang=en#editing-a-flow-template)
    - [Flow Template Duration Settings](https://help.mfloow.com/en/flow-template?hsLang=en#flow-template-duration-settings)
    - [Flow Template View Settings](https://help.mfloow.com/en/flow-template?hsLang=en#flow-template-view-settings)
- [Flow](https://help.mfloow.com/en/flow?hsLang=en#main-content)

    - [About Flows](https://help.mfloow.com/en/flow?hsLang=en#about-flows)
    - [Starting a Flow](https://help.mfloow.com/en/flow?hsLang=en#starting-a-flow)
    - [Editing & Ending Flows](https://help.mfloow.com/en/flow?hsLang=en#editing-ending-flows)
    - [Flow Views](https://help.mfloow.com/en/flow?hsLang=en#flow-views)
    - [Other Flow Settings](https://help.mfloow.com/en/flow?hsLang=en#other-flow-settings)
- [Task](https://help.mfloow.com/en/task?hsLang=en#main-content)

    - [Tasks: My Tasks](https://help.mfloow.com/en/task?hsLang=en#tasks-my-tasks)
    - [Adding & Editing Tasks](https://help.mfloow.com/en/task?hsLang=en#adding-editing-tasks)
    - [Task Settings](https://help.mfloow.com/en/task?hsLang=en#task-settings)
    - [Handover of Tasks](https://help.mfloow.com/en/task?hsLang=en#handover-of-tasks)
- [Dashboard](https://help.mfloow.com/en/dashboard?hsLang=en)
- [Insights](https://help.mfloow.com/en/insights?hsLang=en#main-content)

    - [About Insights](https://help.mfloow.com/en/insights?hsLang=en#about-insights)
- [Automation](https://help.mfloow.com/en/automation?hsLang=en#main-content)

    - [Automation: Connect to External Services](https://help.mfloow.com/en/automation?hsLang=en#automation-connect-to-external-services)
- [AI Features](https://help.mfloow.com/en/ai-features?hsLang=en#main-content)

    - [Flow Template](https://help.mfloow.com/en/ai-features?hsLang=en#flow-template)
- [Other](https://help.mfloow.com/en/other?hsLang=en#main-content)

    - [Site Security](https://help.mfloow.com/en/other?hsLang=en#site-security)
    - [Operating Environment](https://help.mfloow.com/en/other?hsLang=en#operating-environment)

[![logo\_mfloow\_word\_text\_dark](https://help.mfloow.com/hs-fs/hubfs/logo_mfloow_word_text_dark.png?width=114&height=26&name=logo_mfloow_word_text_dark.png "logo_mfloow_word_text_dark")](https://mfloow.com/)

AIで見える化から定着まで業務改善プラットフォーム

[利用規約 |](https://mfloow.com/terms)[情報セキュリティ基本方針 |](https://micronity.com/information-security-policy)[プライバシー保護の方針 |](https://micronity.com/privacy-policy)[運営会社](https://micronity.com/)