FeaturesFigmaUse CasesPricing
v1.0 Public Beta

The diagram engine
thatthinkslike you.

100% free, open-source diagram tool for builders. Write code or drag and drop — get beautiful results either way.

gh repo clone openflowkit
MIT LicensedLocal FirstNo Auth
The Problem

Why do diagrams
always feel like a chore?

We're designing complex systems with tools built for arts and crafts.

A
B
1px off

Pixel Purgatory

Wasting hours aligning boxes by hand. One new service breaks your entire layout.

OUTDATED

The Screenshot Trap

Docs drift the moment you take the screenshot. Static assets are dead assets.

Locked

Enterprise Beige

Locked into rigid, generic templates. Your architecture is unique; your diagrams shouldn't look like clipart.

The Features

Everything you need.
Nothing you don't.

The ultimate white-label canvas. Fully customizable nodes, edges, and themes — powered by React Flow. It's your brand, given infinite space to breathe.

Diagram as Code

First-class support for Mermaid.js and our type-safe DSL. Define your architecture in code, export as JSON, and let the engine handle the layout.

// define.ts
const api = Node();
const db = Node();
api.connect(db);
API Service
Postgres DB
AI Assistant

Flowpilot AI

Chat with your diagram. "Make the corners rounder", "Add a load balancer".

Add a Redis cache in front of the DB.
diff --git a/diagram.tsx
+ const redis = new Node({ type: 'Redis' });
+ api.connect(redis);
+ redis.connect(db);

Local & Private

We don't want your data. Everything stays on your machine. No cloud saves, no tracking, no "syncing" to our servers. You have full freedom.

Offline Ready
Local File System

Amazing Aesthetics

Break free from "Enterprise Beige". Fully customizable fonts, colors, and shapes. Create diagrams that look like art, not documentation.

Sunset Red
Amber Warning
Success Green
Klein Blue
font-family: 'Inter', sans-serif;

Global by Design

Available in multiple languages including English, Turkish, German, French, Spanish, Chinese, and Japanese.

US flag
TR flag
DE flag
FR flag
ES flag
CN flag
JP flag
Live Preview

Simple for sketching.
Ready for production.

Sketch your ideas fast. Export them production-ready.

Checkout Service
latency45ms
You
Payment DB
flow.tsx
1
import { Node, Edge } from "@openflowkit/core";
2
 
3
/** Defines the Checkout Service */
4
export const checkoutNode = new Node({
5
id: 'checkout-service',
6
type: 'service',
7
metadata: ServerConfig,
8
});
9
 
10
const connection = checkoutNode.connectTo({
11
target: 'payment-db',
12
kind: 'TCP/IP'
13
});
Zero Plugins Required

Copy the code.
Paste the design.

Copy a diagram from OpenFlowKit and paste it straight into Figma — you'll get editable text and clean vector shapes, not a flat image. No plugins needed.

Editable Text
Vector Fidelity
Selected
C
Untitled
Vector + Text
V
Workflows

One engine.
Three native workflows.

OpenFlowKit adapts to the tool you are already using. No new tabs to open. No context switching.

Engineering

DIAGRAM AS CODE

Write diagrams in our DSL or Mermaid.js syntax. Paste code, get a fully laid-out diagram. Export as JSON to version control.

architecture.dsl
Auth Service
-> API Gateway
-> Redis Cache
-> Postgres DB

Design

THE VISUAL LAYER

Stop rebuilding screens. Copy from the canvas and paste into Figma as editable SVG and text layers.

Group 1

Export & Share

PIXEL-PERFECT OUTPUT

Export diagrams as SVG, PNG, or PDF. Copy to clipboard and paste into Figma with editable layers. Save as JSON to share or version control.

SVG
Vector • Editable in Figma
PNG
Raster • High-res export
JSON
Data • Save & restore flows
Under Construction

Build in public.
Shape the engine.

OpenFlowKit is just getting started. We are building the core engine in the open. Join us on Day 1.

Star the Repo

Open Source

The core engine is MIT licensed. Read the source, submit PRs, or fork it for your internal tools.

PRs Welcome
Contributors

Community

Join developers building on OpenFlowKit.

VarunYunus EmreNaman Dhakad
+You
2026

Roadmap

Core Renderer
Flowpilot AI
PDF Export

Premium features.
Zero dollar price tag.

OpenFlowKit is 100% open source. There is no "Enterprise Edition" hidden behind a sales call.

MIT License

Free Forever.

Full access to the core engine.
Host it anywhere. Modify it freely.

$0

Unlimited Usage

No account or credit card required

Everything Included

  • Unlimited diagrams & projects
  • Save locally, your data stays on your device
  • White-Label Branding
  • One-click auto-layout
  • Export to SVG, PNG, JPG
  • Figma Export
  • Mermaid.js Support
  • AI diagram generation (bring your own API key)
Support development on GitHub
Ready to use

Build diagrams that
don't look generic.

Join us in building the next generation of visual tools. Open source, local-first, and forever free.

bash — 80x24
➜~gh repo clone openflowkit
✔ Cloning into 'openflowkit'...
✔ Remote: Enumerating objects...
✔ Receiving objects: 100% done.
Documentation•GitHub•Roadmap