Superflow

A drawing tool for interface designs and flowcharts. A drawing can be sent to a Supernote as outlines on a note page, a page drawn on the Supernote comes back as editable strokes, and a coding agent can read or change the same drawing over HTTP.

Open Superflow

On the site

Frames for screens, rectangles, ellipses, diamonds, text, lines, arrows that stay attached to the shapes they join, pen strokes and images. Layers, alignment, grouping, undo, and export as SVG, PNG, HTML or JSON.

On a Supernote

Download the plugin (Superflow.snplg)

  1. Copy the file to the Supernote’s MyStyle folder.
  2. On the Supernote: Settings → Apps → Plugins → Add Plugin, and choose the file.
  3. Open a note, tap Superflow in the toolbar, and type the code it shows into the site’s Supernote panel.

For agents

Create a token in the site’s Agents panel. agents.md describes the drawing format, the routes under /agent/v1 and the command-line client.