FlowPop! is a free flowchart maker for anyone who needs a clean diagram fast, with no sign-up, no watermark and no upload.

Autosave on

Image or animated GIF

Built-in library

Use your own

Any image file works: PNG, JPG, WebP, SVG, AVIF or GIF. It is loaded from the other website, so it must stay online and allow hotlinking. For pictures that must always work, upload the file instead.

GIF, PNG, JPG, WebP, AVIF or SVG, up to 1.5 MB. Stored inside your saved file.

Embed on a website

Embed as

Your diagram is stored inside the code, so nothing is uploaded. To update an embed after editing, generate the code again.

Export animated GIF

Animated preview of your flowchart

Custom theme

Changes apply instantly and are saved with your diagram. Shapes using the theme colors update as you go.

Start from a template

Templates replace the current diagram. You can Undo straight afterwards.

Save file

Autosave only lives in this browser. Keep this file to open your diagram on another device or browser. Your browser will put the file in its download folder. To choose the folder each time, turn on “Ask where to save each file” in your browser’s download settings, or use Chrome / Edge, which show a Save As window.

How to use FlowPop!

New here? Follow the step-by-step tutorial, or see the symbol guide and FAQ.

Build

  • Drag shapes from the left panel or click to add them.
  • Double-click empty space to create a shape there.
  • Right-click a shape, connector or empty space for cut, copy, paste and more.
  • Pick a template to start fast, then use Auto-layout to tidy up.
  • Pink smart guides appear when shapes line up while you drag.
  • Hover a shape and drag from a dot to connect it. Drop on empty space to create a connected shape.
  • On a phone or tablet: select a shape, tap Connect, then tap the shape to connect to.
  • Double-click a shape or connector to edit its text.
  • Drag the corners of a selected shape to resize it.

Save & load

  • Save JSON lets you choose the file name and folder.
  • Hover the ? on any shape in the left panel to see what it is used for.
  • Open (or drop a file on the canvas) loads it back.
  • Your work is also autosaved in this browser.
  • Image / GIF shape: add one from the Images & GIFs group for a picture with frames, filters, effects and captions. Any shape can also hold a picture. Connectors can animate too.
  • Export → Embed on a website gives you code that shows an interactive copy of your chart on any web page.
  • Pick a theme from the top bar. Shapes using the theme colors switch with it.
  • Upload a logo (theme menu or the Diagram panel). It is added to exports, printouts and saved files.

Shortcuts

DelDelete selection
Ctrl+Z / YUndo / redo
Ctrl+C / V / DCopy / paste / duplicate
Ctrl+ASelect all
Ctrl+SSave JSON
Ctrl+OOpen JSON
Ctrl+PPrint / save as PDF
Shift+clickAdd to selection
ArrowsNudge (hold Shift for more)
Space+dragPan the canvas
Ctrl+scrollZoom
FFit to screen
TabAdd a connected step after the selected shape
Enter / F2Edit the selected shape's text
Alt+dragTemporarily disable snapping