Skip to main content
Glama
OpenPaperDesign

OpenPaperDesign

by gustavonline

OpenPaperDesign

A canvas for designs, diagrams and working with your AI agent. Create layouts and graphics, map an architecture, inspect spacing and colours, leave comments, and export your work.

Each Paper is a folder of editable files. Home opens your Personal library. Use its library selector to switch to a project or see all Papers; Location shows where the selected library is saved.

Install

Requires Node.js 22 or later.

Codex

codex plugin marketplace add gustavonline/openpaperdesign
codex plugin add openpaperdesign@openpaperdesign

Open OpenPaperDesign in the desktop sidebar, or ask your agent to open Home. If you installed it while Codex was running, start a new session or restart the app.

Claude Code

/plugin marketplace add gustavonline/openpaperdesign
/plugin install openpaperdesign@openpaperdesign
/openpaperdesign:home

The Home command opens the dashboard in your browser.

Related MCP server: doop

Use it

Ask your agent to create a Paper, revise a design or draw a diagram. The plugin includes Paper, Design and Diagrams skills.

Draw and edit on the canvas, use the Library for diagram symbols, and switch to Inspect for measurements and feedback. Share includes PNG, HTML and Paper JSON exports, plus invitations for people and agents. An invitation works locally; to reach another device, connect the sharing listener to HTTPS hosting or a tunnel. See sharing.

Shift-click selects several layers. Copy, paste, duplicate, group and arrange them with familiar shortcuts or the right-click menu. Text and appearance controls live in Properties. Right-click empty canvas to choose snapping, grid and background. Share → Copy link links to the selected Page or layer.

Share → Save to Notion takes you through Notion’s own sign-in and back to Paper, then lets you choose a parent page. Later saves update the same page. Home → Open → Open from Notion searches accessible pages and opens a saved Paper as a new local copy. The snapshot includes editable files and a self-contained preview with Pages, pan and zoom. Save is manual; changes made elsewhere are reported before replacement. Notion connection and storage.

Use Share → Paper with assets to download a complete .paper.zip, and Home → Open → Import Paper file to open it elsewhere. A JSON export contains the artwork records; the ZIP also carries images, guides and feedback. Imports go into the library selected in Home, including Personal.

Home → Servers shows running Paper servers and active sharing. Stop a server there to close its connections and shared links. Your saved Papers remain on disk.

Where Papers are saved

Project Papers stay in <project>/Paper/. Papers created outside a project use your personal library:

Platform

Personal library

macOS

~/Library/Application Support/OpenPaperDesign/Paper/

Linux

$XDG_DATA_HOME/openpaperdesign/Paper/ or ~/.local/share/openpaperdesign/Paper/

Windows

%LOCALAPPDATA%/OpenPaperDesign/Paper/

Set PAPER_HOME to an absolute folder to choose another location. Home remembers projects you open with the plugin. Updating or removing the plugin leaves your Papers in place.

A Paper contains paper.json, assets, a DESIGN.md guide and brief notes in CONTEXT.md. Feedback and previous saved versions live alongside them. Copy the whole folder or export its .paper.zip to keep editing elsewhere. Storage and MCP API.

To run it without a plugin, clone this repository and run node server/server.mjs. Add --workspace /absolute/path/to/project to open a project library. The command prints the browser address. node server/server.mjs --list lists known Papers without opening a server.

Credits

Apache-2.0. Bundled third-party licences and attribution are in NOTICE.md.

Related MCP Connectors

Related MCP Servers

  • A
    license
    Not graded
    quality
    A
    maintenance
    Open-source multiplayer design canvas (alternative to Paper.design) with a built-in MCP server. Agents create and stream HTML artboards live next to human collaborators, review them via screenshots, comment on elements, search icons/images/logos and follow shared design guidelines.
    60 npm
    1,710
    AGPL 3.0
  • A
    license
    Not graded
    quality
    A
    maintenance
    Enables coding agents to build and edit a local-first design board of HTML screens, flows, components, design-system pages, and plan tables, then review it in a browser with undo/restore, rendering, and export tools.
    MIT
  • A
    license
    Not graded
    quality
    A
    maintenance
    Enables agents to draw on a self-hosted canvas by creating and editing frames, text, shapes, images, and SVGs with auto-layout, then inspecting, exporting, and sharing the results. Also supports live viewing of agent edits, pinned comments, screenshots, and revision history so people and agents can collaborate on boards.
    824 npm
    1
    MIT