Create flowcharts online with 20 shapes and smart connectors

FlowBoard is the whiteboard and diagram editor from AIsToHire, and flowcharts are its specialty. Each board supports 20 types of elements: 12 shapes designed for processes —rectangle, rounded rectangle, ellipse, decision diamond, triangle, hexagon, parallelogram, star, document, storage cylinder, predefined process, and terminator— plus sticky notes, formatted text, icons, images, frames, tables, cards, and groups. You select the shape from the bar, drag it onto the canvas, and it aligns to a 24 px grid with alignment guides; if you change your mind, the shape change converts a rectangle into a diamond while preserving the text, style, and arrows it already had.

Arrows are drawn using the connector tool (C key): you start from one box and drop to another. When you get within 26 px of an element (40 on a touchscreen), its 8 anchors —north, south, east, west, and the four corners— light up, and the end snaps to the closest one, so when you move the box later, the arrow follows without detaching. If you prefer not to rely on the 8 points, you can enable free connection on the edge in Settings, allowing you to attach the end at any point on the perimeter. An end can also remain loose at a point on the canvas or start on another connector to branch a path without touching the boxes.

Each connector supports three paths: straight, orthogonal (at right angles), and curved. Drag any point on the line and a waypoint is created that bends it right there —up to 20 per connector— and dragging it away removes it. If you enable “Avoid elements,” the orthogonal path is recalculated with an A* search over a 12 px grid, and the line surrounds the boxes in between instead of crossing them; once you add manual waypoints, you dictate your route. Everything else adjusts too: double-click on the line to write the label (“Yes,” “No,” the condition) in bold and italic, five ends per side (none, triangle, open triangle, diamond, and circle), solid, dashed, or dotted lines, four thicknesses, color, and a note with links and attachments.

The diagram doesn't stay in the browser. Each board supports up to 1,500 elements and 1,500 connectors, auto-saves while you work, retries if the connection drops, and keeps up to 30 versions to revert to. You can start with the “Flowchart” template —start, process, decision, and end already connected— describe the process in one sentence and let the AI draw it, or import what you already have in Mermaid, draw.io (.drawio), or Visio (.vsdx); “Automatically rearrange” repositions the boxes by layers when the flow gets messy. And when it's ready, it can be exported as PNG, SVG, PDF, JSON, or Mermaid, or projected full screen in presentation mode.