Sketchi
IconsPlayground

Docs

How Sketchi works

Sketchi turns a plain-language prompt into a clean, editable diagram — brand logos and all. There are two ways to use it, and which one you pick decides everything else.

01 Two paths

You describe what you want to see. Sketchi structures and checks the request before it draws, so the diagram is consistent — not a best-guess sketch. The difference is where that happens and who keeps the result.

You, in the playground

  1. Describe a diagram in the browser.
  2. Sketchi draws it on the canvas.
  3. Edit and export it.

Sketchi holds it — as an unlisted link, tied to your browser. No account yet, so treat it as temporary.

Your coding agent

  1. Ask your agent for a diagram in chat.
  2. It calls Sketchi over MCP and gets one back.
  3. The diagram lands in your project.

Your harness and machine keep the file — Sketchi just draws it. State lives where your code does.

See it liveOpen the interactive read-only diagram — a real Sketchi diagram you can pan and zoom, drawn from these very steps.

02 Open source

Sketchi is built in the open. The whole thing — the diagram engine, the icon set, the agent runtime, even these pages — lives on GitHub. Read how it works, file an issue, fork it, or run your own copy.

SourceBrowse the code at github.com/shpitdev/sketchi.

03 In your coding agent

Sketchi plugs into Claude Code, Codex, OpenCode, and Antigravity. Connect it once and ask for a diagram in chat — you’ll get a real, editable Sketchi diagram back without leaving your editor. Full setup lives on the agents page.

04 Diagram types

Every type is held to the same bar for layout and readability before it ships.

Flowchart
Start, process, decision, and end steps with labeled branches — the best-supported type today.
Mindmap
Radial breakdowns of an idea into related branches.

05 The icon library

Sketchi ships with 1,400+ curated brand and tech icons — databases, clouds, frameworks, AI models — so your diagrams look like your actual stack. The same set is browsable on its own.

BrowseOpen the Sketchi icon library to search and copy any logo.

06 FAQ

Do I need an account?
No — the playground is open and requires no sign-up.
Does my work save?
Not to an account yet. Saved diagrams are tied to your browser, so treat them as temporary — export anything you want to keep.
Are the diagrams editable?
Yes. Every element is a real object you can move, relabel, and restyle on the canvas.
Can I export?
Yes — take it to your docs, slides, or pull request.