0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Flow chart

1. Link to any content(连接任意内容) 2. Draw a flowchart(绘制流程图)

by Jianping · LiYu · Yufei

users
117K
likes
1.1K
saves
15K
comments
82
FreeWorks inFigma Design
Price
Free
Latest version
v11 · Nov 10, 2022
First published
Aug 2, 2022
Features

What Flow chart does

Summarised from Jianping · LiYu · Yufei's description on the Figma Community.

  • Creating a component

    dragging the component from the component box to the canvas/clicking the component in the component box

  • Qucik component insert

    click an existing component in the canvas, and you will find an arrow mark; click the arrow mark, and choose the…

  • A quick component insert supports components with two different properties:…

  • The plugin enables quick and continuous connections between components: click…

  • 新增组件框:鼠标从组件箱中拖拉组件框至画布;鼠标单击组件箱中组件框

  • 快捷新增组件框:点击已有组件框出现提示箭头→点击提示箭头出现常用组件框→点击组件框

  • 快捷新增组件框支持两类属性的组件框,默认属性和延续当前属性组件框

  • 支持多组件框之间连续快捷连接,点击A组件框→长按shift→点击B组件框→点击C组件框..

  • Manifest

    Open Flow chart

    A quick action you can run from the Actions menu (Cmd/Ctrl + K).

On this page
Overview

About Flow chart

Flow chart is a free Figma plugin published by Jianping · LiYu · Yufei in 2022. It works in Figma Design and has 117,345 users and 1,104 likes on the Figma Community. It ranks #5 in Flowcharts & User Flows on our lists.

In the developer's words

A flowchart plugin

1. Creating a component: dragging the component from the component box to the canvas/clicking the component in the component box

2. Qucik component insert: click an existing component in the canvas, and you will find an arrow mark; click the arrow mark, and choose the component you want

3. A quick component insert supports components with two different properties: the default property and the modified property

4. The plugin enables quick and continuous connections between components: click component A→hold down shift→click component B→click component C...

----------------------------------------------------

1. 新增组件框:鼠标从组件箱中拖拉组件框至画布;鼠标单击组件箱中组件框

2. 快捷新增组件框:点击已有组件框出现提示箭头→点击提示箭头出现常用组件框→点击组件框

3. 快捷新增组件框支持两类属性的组件框,默认属性和延续当前属性组件框

4. 支持多组件框之间连续快捷连接,点击A组件框→长按shift→点击B组件框→点击C组件框...

Changelog

What's new

Version 11 · released Nov 10, 2022

  • 1. Support to adjust the position of the connection point of the connection line(支持调整连接线连接点位置)
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

  • Reads your Figma name and avatar
  • Sees who else is in the file

Read from the plugin's published manifest.

Rankings

Where Flow chart ranks

Compare

Flow chart alternatives

  1. 1

    Autoflow

    by David Zhao

    1.1M users14KFree + $39 upgrade

    Automagically draw flow arrows! Create user flows and diagrams in a hand-drawn or minimalist style.

  2. 2

    Arrow Connector

    by Chenmu Wu

    220K users2.2KFree

    Draw connectors that updates automatically. Free forever!

  3. 3

    Flowkit

    by MDS

    166K users1.2KFree + paid features

    The fastest and easiest way to create user flows

  4. 4

    Draw Connector

    by Yuan Qing Lim

    129K users1.3KFree + $39 upgrade

    Draw perfect orthogonal connectors between layers

  5. 5

    Simpleflow

    by Lichin

    113K users1.9KFree + $10 upgrade

    🪄 Create flowcharts in Figma with native FigJam connectors — stay perfectly in sync as you design!

  6. 6

    QoQo.ai

    by Tamer Okail

    98K users1.7KFree + paid features

    Save up to 80% on your UX design research time.

FAQ

Flow chart FAQ

What does Flow chart do?

1. Link to any content(连接任意内容) 2. Draw a flowchart(绘制流程图). It's a Figma plugin by Jianping · LiYu · Yufei that runs in Figma Design.

Is Flow chart free?

Yes. Flow chart is free to install and run from the Figma Community, with no paid tier listed.

How do I install Flow chart?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Flow chart?

By user count, the closest alternatives are Autoflow, Arrow Connector and Flowkit. Compare all of them on the best Figma plugins for flowcharts & user flows.

For developers

Built this plugin?

Use this page as a landing page for Flow chart: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Flow chart on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/flow-chart/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Flow chart on figmaplugins.co" width="220" height="48"></a>