MCP Directory
Back

openpencil

by ZSeven-W · TypeScript · ★ 2,475

The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.

#agent#agent-team#ai#claude#claude-code#codex#fimga#flutter#html#mcp#opencode#openpencil#pencil#react#react-native#svelte#ui#vibecoding#vibedesign#vue

Install

npx -y github:ZSeven-W/openpencil

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "openpencil": {
      "command": "npx",
      "args": [
        "-y",
        "github:ZSeven-W/openpencil"
      ]
    }
  }
}

From the README

OpenPencil The world's first open-source AI-native vector design tool. Concurrent Agent Teams • Design-as-Code • Built-in MCP Server • Multi-model Intelligence English · 简体中文 · 繁體中文 · 日本語 · 한국어 · Français · Español · Deutsch · Português · Русский · हिन्दी · Türkçe · ไทย · Tiếng Việt · Bahasa Indonesia Click the image to watch the demo video > **Note:** There is another open-source project with the same name — [OpenPencil](https://github.com/open-pencil/open-pencil), focused on Figma-compatible visual design with real-time collaboration. This pr…
Read full README on GitHub →

💡 Need a managed MCP host?

Try Claude Pro for the smoothest MCP experience, or browse our cloud-hosted servers.

Related ai & ml servers