OmniGraffle BindCraft
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@OmniGraffle BindCraftCreate a flowchart for user login process"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
omnigraffle-bindcraft
OmniGraffle automation skill + MCP server for AI coding agents. Create publication-quality scientific diagrams, flowcharts, and architecture diagrams via natural language.
Features
36 MCP tools for full OmniGraffle control: shapes, connections, layout, export
Smart arrow routing — auto-selects straight / orthogonal / curved based on shape positions; hop-over arcs at crossings
6 journal color palettes — Nature, Science, Cell, Lancet, Minimal, Vibrant
6 diagram templates — experimental workflow, data pipeline, PRISMA, system architecture, ML pipeline, clinical trial
2658 IconPark icons across 38 categories
Batch operations — create dozens of shapes and connections in single calls
Hub magnets — distribute connection points to prevent arrow pile-ups
Dual automation — Omni Automation JS + JXA/AppleScript
Related MCP server: Draw.io MCP Server
Requirements
macOS (OmniGraffle is macOS-only)
OmniGraffle 7 (Pro recommended for full scripting support)
Node.js >= 18
Python 3 with
cairosvg— for icon SVG-to-PNG conversion (optional, only needed for icons)
Installation
Quick install (auto-detects runtime)
git clone https://github.com/Youn-17/omnigraffle-bindcraft.git
cd omnigraffle-bindcraft
npm install
bash scripts/install.shThe install script auto-detects Claude Code, Codex, and WorkBuddy, then:
Builds the project
Adds the MCP server to each runtime's config
Copies the skill file to each runtime's skills directory
Manual install
npm run buildAdd to ~/.claude/settings.json:
{
"mcpServers": {
"omnigraffle": {
"command": "node",
"args": ["/absolute/path/to/omnigraffle-bindcraft/dist/index.js"]
}
}
}Install the skill:
cp .claude/skills/sci-diagram.md ~/.claude/skills/omnigraffle-bindcraft.mdnpm run buildAdd to ~/.workbuddy/.mcp.json:
{
"mcpServers": {
"omnigraffle": {
"command": "node",
"args": ["/absolute/path/to/omnigraffle-bindcraft/dist/index.js"]
}
}
}Install the skill:
cp .claude/skills/sci-diagram.md ~/.workbuddy/skills/omnigraffle-bindcraft.mdnpm run buildAdd to ~/.codex/config.json:
{
"mcpServers": {
"omnigraffle": {
"command": "node",
"args": ["/absolute/path/to/omnigraffle-bindcraft/dist/index.js"]
}
}
}Any agent supporting the Model Context Protocol can use this server. Add the MCP entry to your agent's config — the format is the same across runtimes.
Set up IconPark icons (optional)
git clone https://github.com/bytedance/IconPark.git resources/iconpark
pip install cairosvgQuick start
Once installed, just describe what you want in natural language:
Create a RAG pipeline diagram in OmniGraffle with 10 components:
User Query, Query Analyzer, Intent Router, Knowledge Retrieval,
LLM Reasoning Core, Tool Executor, Evidence Checker,
Response Generator, Safety Filter, Final Response.
Use Nature palette. Export to Desktop.See examples/demo_rag_pipeline.md for a full walkthrough.
Tools (36)
Document & Canvas (8)
Tool | Description |
| Get document name, path, canvases |
| Create new document (optionally from template) |
| Save current document |
| List all available OmniGraffle templates |
| Create a new canvas |
| List all canvases |
| Switch to a canvas by index |
| Set canvas dimensions |
Shapes (6)
Tool | Description |
| Create a shape with type, position, size, text, and full styling |
| Create multiple shapes in one call |
| Update any property of an existing graphic |
| Delete graphics by ID |
| List all graphics with properties |
| Remove all graphics from canvas |
Connections (4)
Tool | Description |
| Connect two shapes with styled, auto-routed line |
| Batch connect with smart routing ( |
| Create a standalone line between points |
| Set connection points on a shape for clean arrow distribution |
Layout & Organization (6)
Tool | Description |
| Apply automatic layout |
| Align graphics (left/center/right/top/bottom) |
| Create a new layer |
| List all layers |
| Group graphics together |
| Ungroup a group |
Icons (5)
Tool | Description |
| Search 2658 IconPark icons by keyword |
| List all 38 icon categories |
| Get icon suggestions for a scientific context |
| Insert a colored icon onto the canvas |
| Create a labeled shape with an icon inside |
Palettes & Templates (4)
Tool | Description |
| List all 6 scientific color palettes |
| Get a palette's full color values |
| List all 6 diagram templates |
| Get a template's nodes, icons, and palette |
Export & Scripting (4)
Tool | Description |
| Export to PNG, PDF, or SVG |
| Execute Omni Automation JavaScript |
| Execute JXA code |
| Execute AppleScript |
Smart arrow routing
The connect_shapes_batch tool supports line_type: "auto" which automatically picks the best routing:
Shape relationship | Auto-selected type | Why |
Same column (Δx < 60px) |
| Clean vertical drop |
Same row (Δy < 30px) |
| Direct horizontal |
Cross-column & cross-row |
| Right-angle turns |
Target above source |
| Avoids overlap with forward flow |
All connections automatically get HopType.Round for clean crossing arcs.
Color palettes
Palette | Best for | Style |
| General science papers | Clean, high-contrast, colorblind-safe |
| Bold research graphics | Vivid but balanced |
| Biology, life sciences | Elegant muted tones |
| Clinical, medical | Professional ocean blue + orange |
| Grayscale print | Maximum print compatibility |
| Posters, presentations | High-saturation, eye-catching |
Architecture
AI Agent <── MCP Protocol ──> MCP Server (Node.js)
│
┌─────────────┼─────────────┐
│ │ │
Omni Automation JXA/AS IconPark
(evaluateJS) (osascript) (cairosvg)
│ │ │
└──────┬──────┘ SVG → PNG
│
OmniGraffle 7Development
npm run dev # Watch mode — recompiles on changes
npm run build # One-time build
npm start # Run the server directlyLicense
MIT
Credits
IconPark by ByteDance — 2658 high-quality SVG icons
OmniGraffle by The Omni Group
Model Context Protocol by Anthropic
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/Youn-17/omnigraffle-bindcraft'
If you have feedback or need assistance with the MCP directory API, please join our Discord server