Skip to content

Docs · Engines

Excalidraw

Compatible with Excalidraw JSON

Hand-drawn whiteboard aesthetic for real. Drop in an Excalidraw `.excalidraw` JSON export (or compose one inline) and render it as a publication-ready SVG with the signature rough-pen feel. Round-trips with excalidraw.com — paste anything you sketched there.

Architectural composition of precision sculptural forms
Templates
7
Source language
json
Workstation
Studio
Engine id
excalidraw

In the same space

Most users come to Excalidraw from excalidraw.com (static export) or Sketch (whiteboard). flowss runs this engine in the browser — no install, shareable via URL, exportable to PNG / SVG / PDF / source.

Syntax at a glance

{"type":"excalidraw","version":2,"elements":[],"appState":{}}

Paste this in the Studio code pane to see Excalidraw render live. The full grammar is at the upstream-docs link above.

Sample templates

All 7 →
flow
Two-box hand-drawn flow

Minimal Excalidraw JSON — two rectangles and an arrow, sketchy rough-pen rendering.

flow
Decision diamond (sketchy)

Diamond + two outcomes — the kind of figure that lives in a half-finished whiteboard photo.

project
Excalidraw — Sprint Retrospective Board (Start / Stop / Continue)

A hand-drawn retrospective wall with three column headers and nine sticky notes for a software team's sprint review — what to start, stop and continue — and the dot-vote instruction underneath. Every note is a bound label inside its rectangle, so dragging a sticky in Excalidraw carries its text with it.

architecture
Excalidraw — Checkout Architecture Whiteboard Sketch

The architecture a team draws on a whiteboard before writing the design doc: mobile app through an API gateway to the orders and payments services, the orders database, the external card processor behind 3-D Secure, and an order.placed event feeding the email worker — with the open question about idempotency keys pencilled beside it.

research
Excalidraw — A/B Test Design Sketch With Sample Size

A sketched experiment plan for a checkout redesign: eligible visitors, a 50/50 randomisation, control and variant arms and the primary metric, with the pre-registered numbers underneath — a 3.2% baseline, a 0.4-point minimum detectable effect, α 0.05 and 80% power, which needs about 32,000 visitors per arm. Illustrative values.

operations
Excalidraw — Incident Timeline Sketch for a Post-Mortem

The timeline a post-mortem starts from, drawn on a whiteboard: from the deploy that shrank the database connection pool at 13:02 to recovery at 13:51, with the alert, page, diagnosis and rollback in between and the phase durations underneath — 7, 5, 17 and 20 minutes, adding to 49 minutes of customer impact. Illustrative values.

Engine reference: excalidraw · ← Browse all engines · Quick-start guide