Gallery

Boards people actually draw

Architecture reviews, flowcharts, retros, pipelines — six real board shapes and how each one was made: by hand, from a prompt, or imported and tidied.

A mind-map board drafted by AI: an ember centre node with curved branches to five idea nodes, and the AI cursor still drawing.AI AI-generated ✦

Product launch mind map

One prompt — "map everything our launch needs" — and AI drafted the whole tree. The dashed node is Claude, mid-draw.

How it was made: Generated from a text prompt, rearranged live with the team.

A microservices architecture board: a dashed service container, an API gateway node and a database, wired with elbow arrows. Architecture

Microservices, containers and all

A service boundary as a dashed container, an API gateway, and a database — the smart arrows re-route themselves as you move things.

How it was made: Imported from draw.io, then tidied with auto-routing.

A data pipeline board: four stage nodes chained left to right with animated ember flow edges carrying travelling dots. Data · animated

Streaming ETL pipeline

Each hop uses the dots flow style, so the data visibly travels. Exported as a seamlessly looping GIF for the team wiki.

How it was made: Drawn by hand; edges set to dots flow → GIF export.

A signup flowchart board: a start pill, an amber decision diamond and two outcome nodes, with a human cursor editing.John Flowchart

Signup flow with a decision point

Classic flowchart vocabulary — pills, a decision diamond, outcome nodes — drawn with port snapping in a couple of minutes.

How it was made: Drawn by hand with connection ports and snap-to-grid.

A sprint retro board: three columns of sticky cards, one card called out in ember. Teamwork

Sprint retro, one page per sprint

Sticky-note cards in three columns, with comment pins and @mentions doing the follow-ups. Page tabs keep every sprint in one board.

How it was made: Multi-page board, edited live by the whole team.

A network topology board: an ember core router with star links out to switches and devices, one link dashed. Network

Office network topology

A star topology around the core router, built from the Network stencil set. The dashed ring marks the redundancy zone.

How it was made: Built with the Network stencils; saved as a reusable shape.

Your board belongs here

Start from a template, a prompt, or a whiteboard photo —and get an editable board, not a picture.