Flowcharts & State Machines Studio

Quick Add Shapes

Process

Decision

Start/End

State

Accepting

Input/Output

Element Inspector None Selected

👆 Click any node or transition on the canvas to inspect and edit its properties.

Tip: You can also double-click on any node or connection to quickly edit its label.

Transition / Edge Label:

Source Port:

Target Port:

Routing / Path:

Arrowhead:

Label Position:

Line Style:

Line Width:

Diagram Elements 0 Nodes

Flowchart & State Diagram Select / Move Tool Active

💡 Quick controls: Drag nodes to move. Use Connect tool to link two nodes. Double-click any node/edge to edit text. Press Del to remove. TikZ PGF Library Engine

Generated TikZ LaTeX Code

Requires: \usetikzlibrary{shapes.geometric, arrows.meta, positioning, automata} in your LaTeX preamble.

Flowchart & Automata Library