MCP Directory
Back

open-pencil

by open-pencil · TypeScript · ★ 4,566

AI-native design editor. Open-source Figma alternative.

#ai#collaboration#design-editor#figma-alternative#open-source#skia#tauri#vue#webgpu

Install

npx -y github:open-pencil/open-pencil

Claude Desktop config

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "open-pencil": {
      "command": "npx",
      "args": [
        "-y",
        "github:open-pencil/open-pencil"
      ]
    }
  }
}

From the README

Open-source design editor. Opens and design files, includes built-in AI, and ships as a programmable toolkit with a headless Vue SDK for building custom editors. > **Status:** Active development. Not ready for production use. > > **Note:** There is another open-source project with the same name — [OpenPencil by ZSeven-W](https://github.com/ZSeven-W/openpencil), focused on AI-native design-to-code workflows. This project focuses on Figma-compatible visual design with real-time collaboration. **[Try it online →](https://app.openpencil.dev/demo)** · [Download](https://github.com/open-pencil/o…
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 filesystem servers